3b8bd623c0
- 移除 colorMode 相关代码 - 删除全局样式文件 - 更新 nuxt 配置: - 添加 runtimeConfig - 更新 css 配置 - 优化 vite构建配置 - 新增 image 模块配置 - 更新路由配置 - 调整组件实现 - 更新环境变量加载方式
38 lines
992 B
Vue
38 lines
992 B
Vue
<script setup>
|
|
import { useAppFooterRouteNames as names } from '@/config/index.js'
|
|
import MyIcon from "@/components/icons/MyIcon.vue";
|
|
import HomeIcon from "@/components/icons/HomeIcon.vue";
|
|
const route = useRoute()
|
|
const active = ref(0)
|
|
const show = computed(() => {
|
|
if (route.name && names.includes(route.name))
|
|
return true
|
|
return false
|
|
})
|
|
const initData=()=>{
|
|
active.value=route.path==='/profile'?1:0
|
|
}
|
|
onMounted(()=>{
|
|
initData()
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<div v-if="show">
|
|
<van-tabbar v-model="active" route placeholder fixed>
|
|
<van-tabbar-item replace to="/">
|
|
<span>{{ $t('tabbar.home') }}</span>
|
|
<template #icon>
|
|
<HomeIcon :active="active===0"></HomeIcon>
|
|
</template>
|
|
</van-tabbar-item>
|
|
<van-tabbar-item replace to="/profile">
|
|
<span>{{ $t('tabbar.profile') }}</span>
|
|
<template #icon>
|
|
<MyIcon :active="active===1"></MyIcon>
|
|
</template>
|
|
</van-tabbar-item>
|
|
</van-tabbar>
|
|
</div>
|
|
</template>
|