cps：新增底部导航

htmldev/cps/src/App.vue

@@ -4,16 +4,32 @@
       <router-view v-if="$route.meta.keepAlive"/>
     </keep-alive>
     <router-view v-if="!$route.meta.keepAlive"/>
+    <van-tabbar
+      :placeholder="true"
+      z-index="50"
+      v-model="active"
+      v-if="$route.meta.showTabbar">
+      <van-tabbar-item replace to="/" icon="wap-home-o">首页</van-tabbar-item>
+      <van-tabbar-item replace to="/invite" icon="share-o">分享赚钱</van-tabbar-item>
+      <van-tabbar-item replace to="/mine" icon="user-o">我的</van-tabbar-item>
+    </van-tabbar>
   </div>
 </template>
 
 <script>
+import { Tabbar, TabbarItem } from 'vant'
+
 export default {
   name: 'App',
+  components: {
+    'van-tabbar': Tabbar,
+    'van-tabbar-item': TabbarItem
+  },
   data () {
     return {
       activeTab: '',
-      shareImg: require('./views/recommend/image/share.png')
+      shareImg: require('./views/recommend/image/share.png'),
+      active: 0
     }
   },
   watch: {

htmldev/cps/src/api/request.js

@@ -55,7 +55,7 @@ request.interceptors.request.use(request => {
 
   // 因为微信开发者工具重复授权，本地开发时写死
   if (/^(0|192|10|localhost)/.test(domain)) {
-    request.headers.wechatToken = 'bc1916dedf8216becf9b45337dc08a82'
+    request.headers.wechatToken = '0d2ba154ac9db2417d0b1189f9324536'
   } else {
     request.headers.wechatToken = getCookieValue('fanbutingwechatToken')
   }

htmldev/cps/src/router/index.js

@@ -24,6 +24,7 @@ const routes = [
         name: 'MarketingSave',
         component: _import('views/marketing/save/index'),
         meta: {
+          showTabbar: true,
           isUseCache: false,
           keepAlive: true
         }
@@ -33,6 +34,7 @@ const routes = [
         name: 'MarketingReturn',
         component: _import('views/marketing/return/index'),
         meta: {
+          showTabbar: true,
           isUseCache: false,
           keepAlive: true
         }
@@ -42,17 +44,29 @@ const routes = [
         name: 'MarketingMake',
         component: _import('views/marketing/make/index'),
         meta: {
+          showTabbar: true,
           isUseCache: false,
           keepAlive: true
         }
       }
     ]
   },
+  {
+    path: '/invite', // 我的
+    name: 'Invite',
+    component: _import('views/invite/index'),
+    meta: {
+      showTabbar: true,
+      isUseCache: false,
+      keepAlive: true
+    }
+  },
   {
     path: '/mine', // 我的
     name: 'Mine',
     component: _import('views/mine/index'),
     meta: {
+      showTabbar: true,
       isUseCache: false,
       keepAlive: true
     }

htmldev/cps/src/views/invite/index.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>invite</div>
+</template>
+
+<script>
+export default {
+  name: 'index'
+}
+</script>
+
+<style lang="scss" scoped>
+
+</style>

htmldev/cps/src/views/marketing/index.vue

@@ -22,10 +22,6 @@
       <router-view v-if="$route.meta.keepAlive"/>
     </keep-alive>
     <router-view v-if="!$route.meta.keepAlive"/>
-    <router-link
-      class="jump-mine"
-      :to="{name: 'Mine'}">我的
-    </router-link>
   </div>
 </template>
 
@@ -195,15 +191,4 @@ export default {
     }
   }
 }
-
-.jump-mine {
-  position: absolute;
-  right: 20px;
-  bottom: 17px;
-  z-index: 1;
-  width: 66px;
-  height: 69px;
-  font-size: 0;
-  background: url("./image/ic_mine@2x.png") center center/64px 67px no-repeat;
-}
 </style>

htmldev/cps/src/views/marketing/make/index.vue

@@ -184,7 +184,7 @@ export default {
   left: 0;
   top: 56px;
   right: 0;
-  bottom: 0;
+  bottom: 50px;
   background: #F7F6F9;
   overflow: hidden;
 }

htmldev/cps/src/views/marketing/return/index.vue

@@ -176,7 +176,7 @@ export default {
   left: 0;
   top: 56px;
   right: 0;
-  bottom: 0;
+  bottom: 50px;
   background: #F7F6F9;
   overflow: hidden;
 }

htmldev/cps/src/views/marketing/save/index.vue

@@ -142,7 +142,7 @@ export default {
   left: 0;
   top: 56px;
   right: 0;
-  bottom: 0;
+  bottom: 50px;
   background: #F7F6F9;
   overflow: hidden;
 }