|
|
@@ -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;
|
guojy