liveh5-nuxt/app/components/AppFooter.vue
xingyy 525cec428f feat(layout): 重构首页布局并添加新功能
- 重写首页模板,使用新的拍卖列表组件
- 添加下拉刷新和加载更多功能
- 新增拍卖说明页面
- 使用自定义图标替换默认图标
- 优化消息提示组件
2025-01-09 19:01:35 +08:00

34 lines
886 B
Vue

<script setup>
import { useAppFooterRouteNames as names } from '~/config'
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
})
</script>
<template>
<div>
<van-tabbar v-if="show" 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>