You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
57 lines
1.1 KiB
57 lines
1.1 KiB
<template>
|
|
<view class="page">
|
|
<view class="swiper-container">
|
|
<view class="swiper-page" v-if="currentIndex == 0">
|
|
|
|
</view>
|
|
<view class="swiper-page" v-if="currentIndex == 1">
|
|
<de-livery></de-livery>
|
|
</view>
|
|
<view class="swiper-page" v-if="currentIndex == 2">
|
|
<my-center></my-center>
|
|
</view>
|
|
</view>
|
|
<tab-bar :width="width" @tab-index="changeIndex" :currentIndex="currentIndex"></tab-bar>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import tabBar from "@/components/tab-bar/tab-bar.vue";
|
|
import deLivery from "@/components/tab-bar/delivery.vue";
|
|
import myCenter from "@/components/tab-bar/myCenter.vue";
|
|
export default {
|
|
data() {
|
|
return {
|
|
width: 0,
|
|
currentIndex: 0,
|
|
}
|
|
},
|
|
components: {
|
|
tabBar,
|
|
deLivery,
|
|
myCenter
|
|
},
|
|
onShow() {
|
|
let that = this
|
|
uni.getSystemInfo({
|
|
success: function(info) {
|
|
that.width = info.screenWidth * 2;
|
|
}
|
|
});
|
|
},
|
|
onLoad() {
|
|
|
|
},
|
|
methods: {
|
|
//底部tab切换组件状态改变
|
|
changeIndex(index) {
|
|
this.lastIndex = this.currentIndex
|
|
this.currentIndex = index
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
@import url("./index.css");
|
|
</style>
|