wardrobe/pages/index/index.vue

<template>
	<view>
		<!-- 首页 -->
		<HomePage v-if="showpage==0"></HomePage>
		<!-- 衣柜 -->
		<MardPage v-if="showpage==1"></MardPage>
		<!-- 搭配 -->
		<DapeiPage v-if="showpage==2"></DapeiPage>
		<!-- 商城 -->
		<ShopPage v-if="showpage==3"></ShopPage>
		<!-- 我的 -->
		<UserPage v-if="showpage==4"></UserPage>
		<!-- 底部 -->
		<view class="grey text" >
			<tm-bottomnavigation @change="changepage" style="height:50px" icon-color="red" :list="list_1"></tm-bottomnavigation>
		</view>
	</view>
</template>

<script>
import HomePage from "@/pages/shouye/index"
import MardPage from "@/pages/wardrobe/index"
import DapeiPage from "@/pages/dapei/index"
import ShopPage from "@/pages/shop/index"
import UserPage from "@/pages/user/index"
export default {
	components:{
		HomePage,
		MardPage,
		DapeiPage,
		ShopPage,
		UserPage
	},
	data() {
		return {
			list_1: [
				{iconSize: 48,showDot:false,icon: '/static/aa.png',noIcon:'/static/logo.png', value: '' },
				{iconSize: 48,showDot:false,icon: '/static/aa.png',noIcon:'/static/logo.png', value: '' },
				{iconSize: 48,showDot:true, icon: '/static/aa.png',noIcon:'/static/logo.png', value: '' },
				{iconSize: 48,showDot:true, icon: '/static/aa.png',noIcon:'/static/logo.png', value: '' },
				{iconSize: 48,showDot:true, icon: '/static/aa.png',noIcon:'/static/logo.png', value: '' }
			],
			showpage:0
		};
	},
	onLoad() {
		

	},
	methods: {
		changepage(info){
			this.showpage=info.index
		}
	}
};
</script>