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.
83 lines
1.8 KiB
83 lines
1.8 KiB
<template>
|
|
<div class="footer_nav">
|
|
<van-tabbar class="footer-bar" v-model="data.footerActive" :route="true" >
|
|
<van-tabbar-item name="Home" replace icon="wap-home" to="/enforceHome">{{
|
|
$t("common.lang_home")
|
|
}}</van-tabbar-item>
|
|
<van-tabbar-item name="Classify" replace icon="warning" to="/earlyWarning">预警</van-tabbar-item>
|
|
<van-tabbar-item
|
|
name="plan"
|
|
replace
|
|
icon="clock"
|
|
to="/appointmentBase"
|
|
>预告</van-tabbar-item
|
|
>
|
|
<van-tabbar-item
|
|
name="Shop"
|
|
replace
|
|
icon="records"
|
|
to="/enforce/enforcementPlanBase"
|
|
>计划</van-tabbar-item
|
|
>
|
|
<van-tabbar-item
|
|
name="Shop"
|
|
replace
|
|
icon="bell"
|
|
to="/enforce/enforceNotice"
|
|
>通知</van-tabbar-item
|
|
>
|
|
<!-- <van-tabbar-item name="My" replace icon="manager-o" to="">{{
|
|
$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,
|
|
});
|
|
|
|
</script>
|
|
<style lang="less" scoped>
|
|
/*.footer_nav{*/
|
|
/* height: 50px;*/
|
|
/* padding-bottom: constant(safe-area-inset-bottom);*/
|
|
/* padding-bottom: env(safe-area-inset-bottom);*/
|
|
/* box-sizing: content-box;*/
|
|
/* background-color: #fff;*/
|
|
/* !*box-shadow: 0 0 0.27rem #e5e5e5;*!*/
|
|
/* .footer-bar{*/
|
|
/* position: absolute;*/
|
|
/* bottom: constant(safe-area-inset-bottom);*/
|
|
/* bottom: env(safe-area-inset-bottom);*/
|
|
/* }*/
|
|
/*}*/
|
|
|
|
|
|
.footer_nav{
|
|
height: 2.0rem;
|
|
background-color: #fff;
|
|
/*box-shadow: 0 0 0.27rem #e5e5e5;*/
|
|
.footer-bar{
|
|
position: absolute;
|
|
/*bottom: 0.6rem;*/
|
|
}
|
|
}
|
|
|
|
.van-hairline--top-bottom:after, .van-hairline-unset--top-bottom:after {
|
|
border: 0;
|
|
}
|
|
|
|
/deep/ .van-tabbar-item {
|
|
color: #bbb;
|
|
}
|
|
|
|
/deep/ .van-tabbar-item--active{
|
|
color: #1989fa;
|
|
}
|
|
</style>
|
|
|