You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
39 lines
897 B
39 lines
897 B
3 years ago
|
<template>
|
||
|
|
<div class="footer_nav">
|
||
|
|
<van-tabbar class="footer-bar" v-model="data.footerActive" :route="true" safe-area-inset-bottom>
|
||
|
|
<van-tabbar-item name="Home" replace icon="wap-home-o" to="/home">{{
|
||
|
|
$t("common.lang_home")
|
||
|
|
}}</van-tabbar-item>
|
||
|
|
<van-tabbar-item name="Classify" replace icon="shop-o" to="/enterprise/enterpriseInspectionList">
|
||
|
|
行政检查通知
|
||
|
|
</van-tabbar-item>
|
||
|
|
<van-tabbar-item name="My" replace icon="manager-o" to="/my">{{
|
||
|
|
$t("common.lang_my")
|
||
|
|
}}</van-tabbar-item>
|
||
|
|
</van-tabbar>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script setup name="footerNav">
|
||
|
|
|
||
|
|
const { useCommon } = $globalStore
|
||
|
|
|
||
|
|
let data = reactive({
|
||
|
|
footerActive: "Home",
|
||
|
|
dot: false,
|
||
|
|
});
|
||
|
|
|
||
|
|
const goodsNum = computed(() => {
|
||
|
|
return useCommon.goods_card_num;
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
<style lang="less" scoped>
|
||
|
|
.footer_nav{
|
||
|
|
height: 50px;
|
||
|
|
.footer-bar{
|
||
|
|
position: absolute;
|
||
|
|
bottom: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|