yinshu_ui/yinshuacx/pages/parents/parHome.vue

<template>
	<div>
		<div class="par_tel">
			<!-- <parIndex v-if="tab_type==1" class="tel_class"></parIndex>
			<parMy v-if="tab_type==2" class="tel_class"></parMy> -->
		</div>
		<div class="par_tab">
			<div class="par_tab_item" @click="tab_type=1">
				<img v-show="tab_type==2" src="@/static/tab_hp_normal@2x.png" alt="" class="w_img">
				<img v-show="tab_type==1" src="@/static/tab_hp_selected@2x.png" alt="" class="x_img">
				<span :class="{'active': tab_type==1}">首页</span>
			</div>
			<div class="par_tab_item" @click="tab_type=2">
				<img v-show="tab_type==1" src="@/static/tab_hp_my@2x.png" alt="" class="w_img">
				<img v-show="tab_type==2" src="@/static/tab_mine_selected@2x.png" alt="" class="x_img">
				<span :class="{'active': tab_type==2}">个人中心</span>
			</div>
		</div>
	</div>
</template>

<script>
	// import parIndex from "./parIndex"
	// import parMy from "./parMy"
	export default {
		data() {
			return {
				tab_type: 1, // 首页1  我的2
			}
		},
		components:{
			// parIndex,
			// parMy,
			
		},
		onLoad() {
			this.innit()
		},
		methods:{
			innit(){
				console.log(34)
			}
		}
	}
</script>

<style lang="scss">
	.par_tel{
		height: calc(100vh - 134upx);
	}
	.tel_class{
		height: 100%;
	}
	.par_tab{
		position: fixed;
		left: 0;
		bottom: 0;
		height: 134upx;
		display: flex;
		background: #fff;
		width: 100%;
		.par_tab_item{
			flex: 1;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			span{
				font-size: 28upx;
				color: #AAAAAA;
			}
			img{
				width: 48upx;
				height: 48upx;
				margin-bottom: 10upx;
				object-fit: scale-down;
			}
			.active{
				color: #1678FF;
			}
		}
	}
</style>