byte-sailing-mobile/src/views/main.vue

<template>
	<div class="main">
		<div class="footer">
			<van-tabbar v-model="tabType">
				<van-tabbar-item icon="home-o" to="/main/equipment">消息</van-tabbar-item>
				<van-tabbar-item icon="search" to="/main/working">工作台</van-tabbar-item>
				<van-tabbar-item
					icon="friends-o"
					to="/main/equipment"
				>物联网</van-tabbar-item>
				<van-tabbar-item
					icon="setting-o"
					to="/setting"
				>我的</van-tabbar-item>
			</van-tabbar>
		</div>
	</div>
    <router-view/>
</template>
<script setup>
import { ref, getCurrentInstance } from 'vue'
import '../assets/icon/iconfont.css'
import 'vant/lib/index.css';
import axios from 'axios'
const proxy = getCurrentInstance().proxy
const tabType = ref('home')
</script>