update_3

src/view/user/iosIntercept.vue

@@ -15,13 +15,16 @@
         </van-dropdown-menu>
       </template>
     </van-nav-bar>
+    <van-tabs v-model="active" swipeable animated>
+      <van-tab v-for="(item, index) in options" :key="index" :title="item"></van-tab>
+    </van-tabs>
     <div class="pageContent">
       <scroller>
-        <van-tabs v-model="active" swipeable animated>
-          <van-tab v-for="(item, index) in options" :key="index" :title="item">
-            <img :src="returnImg(index)" @click="buyPopupPage = true" />
-          </van-tab>
-        </van-tabs>
+        <div class="showDemo">
+          <template v-for="(item, index) in imgUrls">
+            <img v-if="index == active" :src="item" @click="buyPopupPage = true" >
+          </template>
+        </div>
       </scroller>
     </div>
     <div class="pageBtm">
@@ -76,7 +79,13 @@ export default {
       active: 0,
       options: ["积分", "目标", "绩效", "巡检"],
       option: [{ text: "账号注销", value: 1 }],
-      buyPopupPage: false
+      buyPopupPage: false,
+      imgUrls:[
+        "static/images/s-jifen.jpg",
+        "static/images/s-mubiao.jpg",
+        "static/images/s-jixiao.jpg",
+        "static/images/s-xunjian.jpg"
+      ]
     };
   },
   created() {},
@@ -133,12 +142,12 @@ img {
 .page {
   background-color: #fff;
   .pageContent {
-    height: calc(100vh - 2.92rem);
+    height: calc(100vh - 3.32rem);
     position: relative;
   }
   .pageBtm {
     width: 100%;
-    height: 2rem;
+    height: 1.5rem;
     display: flex;
     justify-content: space-around;
     align-items: center;