<template> <cover-view> <view class="" v-if="identity==0" > <u-tabbar activeColor="rgba(2, 127, 234, 1)" inactiveColor="#000001" :value="value" :fixed="true" :placeholder="true" :safeAreaInsetBottom="true"> <u-tabbar-item v-for="(item,i) in footerTabbargl" :key="i" @click="toUrl(item.pagePath)" :text="item.text" class="tabbar_di_list"> <image style="width: 22px; height:22px;" class=" u-page__item__slot-icon" slot="active-icon" :src="item.selectedIconPath"></image> <image style="width: 22px; height:22px;" class="u-page__item__slot-icon" slot="inactive-icon" :src="item.iconPath"></image> </u-tabbar-item> </u-tabbar> </view> <view class="" v-if="identity==1" > <u-tabbar activeColor="rgba(2, 127, 234, 1)" inactiveColor="#000001" :value="value" :fixed="true" :placeholder="true" :safeAreaInsetBottom="true"> <u-tabbar-item v-for="(item,i) in footerTabbarg2" :key="i" @click="toUrl(item.pagePath)" :text="item.text" class="tabbar_di_list"> <image style="width: 22px; height:22px;" class=" u-page__item__slot-icon" slot="active-icon" :src="item.selectedIconPath"></image> <image style="width: 22px; height:22px;" class="u-page__item__slot-icon" slot="inactive-icon" :src="item.iconPath"></image> </u-tabbar-item> </u-tabbar> </view> </cover-view> </template> <script> export default { name: "tabbar", props: { value: '', identity: '', }, data() { return { //兼职人员 footerTabbargl: [{ "pagePath": "/pages/index", "iconPath": "/static/tabarimg/fz1.png", "selectedIconPath": "/static/tabarimg/fz2.png", "text": "职位" }, { "pagePath": "/pages/work/index", "iconPath": "/static/tabarimg/fz3.png", "selectedIconPath": "/static/tabarimg/fz4.png", "text": "消息" }, { "pagePath": "/pages/mine/index", "iconPath": "/static/tabarimg/fz3.png", "selectedIconPath": "/static/tabarimg/fz4.png", "text": "我的" } ], //招聘人员 footerTabbarg2: [{ "pagePath": "/pages_loader/pages/index", "iconPath": "/static/tabarimg/fz1.png", "selectedIconPath": "/static/tabarimg/fz2.png", "text": "人才大厅" }, { "pagePath": "/pages_loader/pages/work/index", "iconPath": "/static/tabarimg/fz3.png", "selectedIconPath": "/static/tabarimg/fz4.png", "text": "消息" }, { "pagePath": "/pages_loader/pages/mine/index", "iconPath": "/static/tabarimg/fz3.png", "selectedIconPath": "/static/tabarimg/fz4.png", "text": "我的" } ], }; }, methods: { // idnexChenage(index) { // uni.setStorageSync('nvgetIndex', index) // }, toUrl(url) { // //console.log(this.value, this.identity, '组件的数据'); uni.reLaunch({ url: url }) } } } </script> <style scoped> /deep/.tabbar_di_list .u-page__item__slot-icon { width: 20px !important; height: 18px !important; } </style>