Skip to content

M
mongo-ui
Commit 2b88a0bd authored by 郭志伟's avatar 郭志伟
Browse files
Options

"feat: goods"

parent 5bd0d131
Show whitespace changes
Inline Side-by-side
Showing with 170 additions and 21 deletions
package.json
View file @ 2b88a0bd
......@@ -16,7 +16,7 @@
"core-js": "^3.6.5",
"lodash": "^4.17.19",
"vconsole": "^3.3.4",
"vue": "^2.6.11",
"vue": "2.6.11",
"vue-router": "^3.2.0",
"vuex": "^3.4.0",
"weixin-js-sdk": "^1.6.0"
......
public/index.html
View file @ 2b88a0bd
......@@ -6,7 +6,7 @@
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title><%= htmlWebpackPlugin.options.title %></title>
<script src="https://cdn.bootcss.com/vue/2.2.6/vue.js"></script>
<script crossorigin="anonymous" integrity="sha384-OZmxTjkv7EQo5XDMPAmIkkvywVeXw59YyYh6zq8UKfkbor13jS+5p8qMTBSA1q+F" src="https://lib.baomitu.com/vue/2.6.11/vue.min.js"></script>
</head>
<body>
<noscript>
......
src/App.vue
View file @ 2b88a0bd
......@@ -3,11 +3,3 @@
<router-view />
</div>
</template>
<style lang="less">
#app {
font-family: -apple-system, Helvetica, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
</style>
src/assets/icons/svg/triangle-right.svg 0 → 100644
View file @ 2b88a0bd
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
<title>Group 14 Copy</title>
<desc>Created with Sketch.</desc>
<g id="产品" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="全部保单" transform="translate(-165.000000, -106.000000)" fill-rule="nonzero">
<g id="Group-14-Copy" transform="translate(173.000000, 114.000000) rotate(-90.000000) translate(-173.000000, -114.000000) translate(165.000000, 106.000000)">
<g id="Group">
<rect id="Rectangle" x="0" y="0" width="16" height="16"></rect>
<path d="M8.70710678,5.70710678 L13.2928932,10.2928932 C13.6834175,10.6834175 13.6834175,11.3165825 13.2928932,11.7071068 C13.1053568,11.8946432 12.8510029,12 12.5857864,12 L3.41421356,12 C2.86192881,12 2.41421356,11.5522847 2.41421356,11 C2.41421356,10.7347835 2.5195704,10.4804296 2.70710678,10.2928932 L7.29289322,5.70710678 C7.68341751,5.31658249 8.31658249,5.31658249 8.70710678,5.70710678 Z" id="Triangle" fill="#EEEEEE" transform="translate(8.000000, 8.500000) scale(1, -1) translate(-8.000000, -8.500000) "></path>
</g>
</g>
</g>
</g>
</svg>
\ No newline at end of file
src/main.js
View file @ 2b88a0bd
......@@ -3,13 +3,13 @@ import App from "./App.vue";
import router from "./router";
import store from "./store";
import "@qg/cherry-ui/src/style/normalize.css";
import "./style/index.less";
import "amfe-flexible";
import vConsole from "vconsole";
import "@/assets/icons/index";
import "@/service/cherry-ui";
Vue.config.productionTip = false;
new Vue({
router,
store,
......
src/service/cherry-ui.js
View file @ 2b88a0bd
......@@ -4,7 +4,7 @@ import cherry from "@qg/cherry-ui";
import "@qg/cherry-ui/dist/cherry.css";
const {
Button
Button,
// Image,
// Icon,
// Cell,
......@@ -36,8 +36,8 @@ const {
// DatePicker,
// SwipeCell,
// Form,
// Tabbar,
// TabbarItem,
Tabbar,
TabbarItem
// Navbar,
// Progress,
// Skeleton,
......@@ -47,3 +47,5 @@ const {
} = cherry;
Vue.use(Button);
Vue.use(Tabbar);
Vue.use(TabbarItem);
src/style/index.less 0 → 100644
View file @ 2b88a0bd
@import "var.less";
body {
font-family: @font-family;
}
\ No newline at end of file
src/style/var.less 0 → 100644
View file @ 2b88a0bd
// Color Palette
@black: #333333;
@white: #fff;
@gray-1: #F6F7FA;
@gray-2: #D5D8DE;
@gray-3: #D0CFCF;
@gray-4: #999999;
@gray-5: #333333;
@red: #F94C4C;
@blue: #787EFF;
@blue-light: #858AFF;
@orange: #FF9500;
@orange-dark: #FF6702;
@orange-light: #FFC842;
@green: #6EA372;
@green-light: #8FC894;
@brown: #ddb984;
// Gradient Colors
@gradient-red: linear-gradient(to right, #ff6034, #ee0a24);
@gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);
// Component Colors
@text-color: @black;
@text-grey: @gray-4;
@text-lightgrey: @gray-3;
@active-color: @gray-2;
@active-opacity: 0.7;
@disabled-opacity: 0.5;
@background-color: #F6F3F7;
@background-color-light: #FFFEFF;
// Border
@border-width-base: 1px;
@border-radius-sm: 8px;
@border-radius-md: 14px;
@border-radius-lg: 16px;
@border-radius-max: 999px;
// Padding
@padding-base: 4px;
@padding-xs: @padding-base * 2;
@padding-sm: @padding-base * 3;
@padding-md: @padding-base * 4;
@padding-lg: @padding-base * 5;
@padding-xl: @padding-base * 8;
// Font
@font-size-11: 11px;
@font-size-12: 12px;
@font-size-14: 14px;
@font-size-16: 16px;
@font-size-18: 18px;
@font-size-20: 20px;
@font-size-28: 28px;
@font-size-32: 32px;
@font-weight-bold: 500;
@font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
@base-font-family: @font-family;
// Button
@button-mini-font-size: @font-size-12;
@button-small-height: 28px;
@button-small-min-width: 48px;
@button-small-line-height: 26px;
@button-large-height: 52px;
@button-large-line-height: 50px;
@button-default-height: 36px;
@button-default-line-height: 34px;
@button-default-font-size: @font-size-12;
@button-default-color: @text-color;
@button-default-background-color: @white;
@button-default-border-color: @gray-2;
@button-primary-color: @blue;
@button-primary-background-color: #f4f5ff;
@button-primary-border-color: #f4f5ff;
@button-warning-color: @black;
@button-warning-background-color: @orange;
@button-warning-border-color: @orange;
@button-border-width: @border-width-base;
@button-border-radius: @border-radius-sm;
@button-plain-background-color: @white;
@button-plain-border-color: @blue;
// Tag
@tag-color: @white;
@tag-font-size: @font-size-11;
@tag-border-radius: 8px 2px 8px 2px;
@tag-default-background-color: @brown;
@tag-default-color: @white;
@tag-primary-background-color: @blue-light;
@tag-primary-color: @white;
@tag-success-background-color: @green-light;
@tag-success-color: @white;
@tag-danger-background-color: @orange-dark;
@tag-danger-color: @white;
@tag-warning-background-color: @orange-light;
@tag-warning-color: @black;
// Tag-light
@tag-default-light-background-color: #f3f2f1;
@tag-default-light-color: @brown;
@tag-primary-light-background-color: #f6e8ff;
@tag-primary-light-color: @blue-light;
@tag-success-light-background-color: #f3f2f1;
@tag-success-light-color: @green-light;
@tag-danger-light-background-color: #ffd8bf;
@tag-danger-light-color: @orange-dark;
@tag-warning-light-background-color: #ffeab7;
@tag-warning-light-color: #eaad1a;
src/views/Goods/index.less 0 → 100644
View file @ 2b88a0bd
.fff {
font-size: 36px;
}
\ No newline at end of file
src/views/Goods/index.vue
View file @ 2b88a0bd
<template>
<div>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Labore consequuntur deleniti
asperiores adipisci in voluptates ratione, totam hic dignissimos? Totam quaerat earum voluptatum
error delectus, nemo minus. Molestias, vitae impedit.
<div class="container">
<div class="goods-head">
<cr-tabbar v-model="active" active-color="#333" inactive-color="#666">
<cr-tabbar-item>全部</cr-tabbar-item>
<cr-tabbar-item>成人</cr-tabbar-item>
<cr-tabbar-item>老年</cr-tabbar-item>
<cr-tabbar-item>少儿</cr-tabbar-item>
</cr-tabbar>
</div>
<div class="goods-list">
list
</div>
</div>
</template>
<script>
import "./index.less";
export default {
name: "GoodsList"
name: "GoodsList",
data: function() {
return {
active: 2
};
}
};
</script>
src/views/Home.vue
View file @ 2b88a0bd
<template>
<div class="home">
<CrButton type="primary" />
<img alt="Vue logo" src="../assets/logo.png" />
<HelloWorld msg="Welcome to Your Vue.js App" />
<svg-icon icon-class="index" />
......
yarn.lock
View file @ 2b88a0bd
......@@ -8531,7 +8531,7 @@ vue-template-es2015-compiler@^1.9.0:
resolved "http://npmprivate.quantgroups.com/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.1.tgz#1ee3bc9a16ecbf5118be334bb15f9c46f82f5825"
integrity sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==
vue@^2.6.11:
vue@2.6.11:
version "2.6.11"
resolved "http://npmprivate.quantgroups.com/vue/-/vue-2.6.11.tgz#76594d877d4b12234406e84e35275c6d514125c5"
integrity sha512-VfPwgcGABbGAue9+sfrD4PuwFar7gPb1yl1UK1MwXoQPAw0BKSqWfoYCT/ThFrdEVWoI51dBuyCoiNU9bZDZxQ==
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment