59 lines
1.2 KiB
Vue
59 lines
1.2 KiB
Vue
|
<template>
|
||
|
<view>
|
||
|
<status-container :ifReturn="false" titlet="首页">
|
||
|
<view slot="content">
|
||
|
<swiper-tab id="tab" :list="dataList" v-model="current" @changeEv="clickTab"></swiper-tab>
|
||
|
<chooseImgOne @chooseEv="chooseEv"></chooseImgOne>
|
||
|
</view>
|
||
|
</status-container>
|
||
|
<!-- 底部tab -->
|
||
|
<foot-tab></foot-tab>
|
||
|
</view>
|
||
|
</template>
|
||
|
|
||
|
<script>
|
||
|
import swiperTab from '@/components/swiper-tab/swiper-tab.vue';
|
||
|
import footTab from '@/components/foot-tabs/foot-tab.vue';
|
||
|
import chooseImgOne from '@/components/choose-imgs/choose-img-one.vue';
|
||
|
export default {
|
||
|
components:{
|
||
|
'foot-tab' :footTab,
|
||
|
swiperTab,
|
||
|
chooseImgOne
|
||
|
},
|
||
|
data() {
|
||
|
return {
|
||
|
current:0,
|
||
|
dataList:[
|
||
|
{title:'标题一'},
|
||
|
{title:'标题二标题二'},
|
||
|
{title:'标题三'},
|
||
|
{title:'标题四'},
|
||
|
{title:'标题五'},
|
||
|
{title:'标题六标题六标题六'},
|
||
|
{title:'标题七'},
|
||
|
{title:'标题八'},
|
||
|
{title:'标题九'},
|
||
|
]
|
||
|
}
|
||
|
},
|
||
|
onLoad() {
|
||
|
|
||
|
},
|
||
|
methods: {
|
||
|
// tab点击事件
|
||
|
clickTab(index){
|
||
|
this.current = index;
|
||
|
},
|
||
|
// 图片选择事件
|
||
|
chooseEv(arr) {
|
||
|
console.log(arr,'图片数组');
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
</script>
|
||
|
|
||
|
<style>
|
||
|
page{background-color: #f7f7f7;}
|
||
|
</style>
|