我的礼盒页

zhiyangdu
1 parent 4e3bb7d5
Showing 5 changed files with 45 additions and 1 deletions
.gitignore
src/main.js
src/pages/myGiftBox/myGiftBox.less
src/pages/myGiftBox/myGiftBox.vue
src/router/index.js
 .DS_Store
 node_modules/
 /dist/
+/package-lock.json/
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
@@ -6,7 +6,7 @@ import VueHead from &quot;vue-head&quot;;
 import sha1 from "sha1";
 import 'mint-ui/lib/style.css';
 import { Toast, Indicator,InfiniteScroll } from "mint-ui";
-import { Rate, Popup, Lazyload, Search, PullRefresh, Picker, Image, ImagePreview} from "vant";
+import { Rate, Popup, Lazyload, Search, PullRefresh, Picker, Image, ImagePreview, Tab, Tabs} from "vant";
 import App from "./App";
 import IdCard from './common/IdCard';
 import VueBus from 'vue-bus';
@@ -22,6 +22,8 @@ Vue.use(Picker);
 Vue.use(Image);
 Vue.use(ImagePreview);
 Vue.use(VueClipboard)
+Vue.use(Tab);
+Vue.use(Tabs);
 Vue.use(Lazyload, {
     preload: 90,
     loading: "static/img/x.jpg",
+<template>
+  <div>
+      <van-tabs v-model="active" line-width="13px" line-height="2px" color="">
+          <van-tab title="收礼">收礼</van-tab>
+          <van-tab title="送礼">送礼</van-tab>
+      </van-tabs>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'myGiftBox',
+    data () {
+      return {
+          active: 2,
+      }
+    },
+    created(){
+
+    },
+    methods: {
+
+    }
+  }
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style rel="stylesheet/less" lang="less" scoped>
+@import "myGiftBox";
+</style>
@@ -127,6 +127,17 @@ const router = new Router({
                     }
                 },
                 {
+                    // 我的礼盒
+                    path: "/myGiftBox",
+                    name: "myGiftBox",
+                    component: resolve => {
+                        require(["@/pages/myGiftBox/myGiftBox"], resolve);
+                    },
+                    meta: {
+                        requireAuth: false
+                    }
+                },
+                {
                     // 暂未开通
                     path: "/notYetOpened",
                     name: "notYetOpened",