<template>
<view class="content">
<view v-if="value === 'home'">
<homeSwiper />
<myGap />
<home />
</view>
<view v-if="value === 'my'">
<my />
</view>
<u-tabbar :value="value" @change="name => value = name" :fixed="true" :placeholder="true"
:safeAreaInsetBottom="true">
<u-tabbar-item name="home" text="首页" icon="home"></u-tabbar-item>
<u-tabbar-item name="my" text="我的" icon="account"></u-tabbar-item>
</u-tabbar>
</view> </template>
<script>
import home from './../components/home.vue'
import my from './../components/my.vue'
import homeSwiper from './../components/homeSwiper.vue'
import myGap from './../components/myGap.vue'
export default {
components: {
home,
my,
homeSwiper,
myGap
},
data() {
return {
value: 'home',
}
},
onLoad() {
},
methods: {
}
} </script>
<style lang="scss" scoped>
.content {
padding: 20px;
}
</style>
