测试

src/pages/index.vue

 <template>
-    <router-view v-slot="{ Component, route }">
-        <keep-alive>
-            <component :is="Component" :key="route.meta.usePathKey ? route.path : undefined" />
-        </keep-alive>
-    </router-view>
 
-    <van-tabbar v-model="active" :placeholder="true" active-color="#0E7CE3" route>
-        <van-tabbar-item icon="home-o" to="/home">首页</van-tabbar-item>
-        <van-tabbar-item icon="apps-o" to="/prefecture">专区</van-tabbar-item>
-        <van-tabbar-item icon="send-gift-o" to="/subject">专题</van-tabbar-item>
-        <van-tabbar-item icon="user-o" to="/mine">我的</van-tabbar-item>
-    </van-tabbar>
+	<!-- #ifdef MP-WEIXIN -->
+	<view class="container">微信小程序环境</view>
+	<!-- #endif -->
+	<!-- #ifdef H5 -->
+	<view class="container">H5环境</view>
+	<!-- #endif -->
+	<!-- #ifdef APP -->
+	<view class="container">APP环境</view>
+	<!-- #endif -->
+	<van-tabbar v-model="active" :placeholder="true" active-color="#0E7CE3" route>
+		<van-tabbar-item icon="home-o" to="/home">首页</van-tabbar-item>
+		<van-tabbar-item icon="apps-o" to="/prefecture">专区</van-tabbar-item>
+		<van-tabbar-item icon="send-gift-o" to="/subject">专题</van-tabbar-item>
+		<van-tabbar-item icon="user-o" to="/mine">我的</van-tabbar-item>
+	</van-tabbar>
 </template>
 <script setup>
-import { ref } from 'vue'
-const active = ref('/home')
+	import {
+		ref
+	} from 'vue'
+	const active = ref('/home')
 
-// #ifdef H5
+	// #ifdef H5
 	console.log('当前环境为H5') // 这里可以编写H5环境的代码逻辑
-// #endif
+	// #endif
 
-// #ifdef APP
-console.log('当前环境为APP') // 这里可以编写APP环境的代码逻辑
-// #endif
+	// #ifdef APP
+	console.log('当前环境为APP') // 这里可以编写APP环境的代码逻辑
+	// #endif
 </script>
 <style scoped></style>
\ No newline at end of file