MD_worker/pages/index/index.vue

<template>
	<home v-show="showPage != 'my'" />
	<up-tabbar :fixed="true" :value="showPage" @change="change1">
		<up-tabbar-item text="首页" name="home">
			<template #active-icon>
				<view class="iconfont icon-zhuye-xuanzhong" style="color: #1965E7;" />
			</template>
			<template #inactive-icon>
				<view class="iconfont icon-zhuye-xuanzhong" />
			</template>
		</up-tabbar-item>
		<up-tabbar-item text="我的" name="my">
			<template #active-icon>
				<view class="iconfont icon-wode-xuanzhong" style="color: #1965E7;" />
			</template>
			<template #inactive-icon>
				<view class="iconfont icon-wode-xuanzhong" />
			</template>
		</up-tabbar-item>
	</up-tabbar>
</template>

<script setup>
import home from './home.vue';
import { ref, getCurrentInstance } from 'vue'
const { $Http } = getCurrentInstance().proxy;

const showPage = ref('home');
function change1(value) {
	if (value == 'home') $Http.uploadNumber && $Http.uploadNumber();
	showPage.value = value;
}

</script>

<style></style>