| | |
| | | <view class="foot-bottom"></view> |
| | | <view class="foot-tavbar-container d-a-c" :style="'background:'+detail.backgroundColor || '' + ';' " |
| | | v-if="detail.list!=''"> |
| | | <view class="item d-c-c" :class="{'active':item.link_url == getRoute()}" |
| | | <view class="item d-c-c" :class="{'active':getLinkUrl(item.link_url) == getRoute()}" |
| | | v-for="(item, index) in detail.list" :key="index" @click="tabBarFunc(item)"> |
| | | <view style="height: 0;width: 0;opacity: 0;">{{getRoute()}}</view> |
| | | <view class="inner d-c-c d-c"> |
| | | <image v-if="detail.type!=2" :src="item.link_url == getRoute()?item.selectedIconPath:item.iconPath" |
| | | <image v-if="detail.type!=2" :src="getLinkUrl(item.link_url)== getRoute()?item.selectedIconPath:item.iconPath" |
| | | mode="aspectFill"> |
| | | </image> |
| | | <text v-if="detail.type!=1" |
| | | :style="item.link_url == getRoute()?'color:'+detail.textHoverColor+';':'color:'+detail.textColor+';'" |
| | | :style="getLinkUrl(item.link_url) == getRoute()?'color:'+detail.textHoverColor+';':'color:'+detail.textColor+';'" |
| | | class="text-name">{{ item.text}}</text> |
| | | </view> |
| | | </view> |
| | |
| | | hasmenu() { |
| | | let self = this; |
| | | let curRoute = self.getRoute(); |
| | | let link_url = ''; |
| | | let res = self.detail.list.some(item => { |
| | | if (item.link_url == curRoute) { |
| | | link_url = item.link_url; |
| | | if (link_url.indexOf('?') !== -1) { |
| | | link_url = link_url.split('?')[0]; |
| | | } |
| | | if (link_url == curRoute) { |
| | | return true |
| | | } |
| | | }) |
| | |
| | | if (uni.getStorageSync('ShopTabBar').is_auto && uni.getStorageSync('ShopTabBar').is_auto != 0) { |
| | | uni.hideTabBar() |
| | | } |
| | | }, |
| | | getLinkUrl(link_url){ |
| | | if (link_url.indexOf('?') !== -1) { |
| | | return link_url = link_url.split('?')[0]; |
| | | } |
| | | return link_url; |
| | | }, |
| | | getRoute() { |
| | | let self = this; |
| | |
| | | curRoute = routes[routes.length - 1]['$page'].fullPath |
| | | } |
| | | } |
| | | // 如果当前路由包含查询参数,则只取路径部分进行匹配 |
| | | return curRoute |
| | | }, |
| | | /*点击菜单*/ |
| | | tabBarFunc(e) { |
| | | if (e.link_url == '/pages3/release/chat/release') { |
| | | this.is_release = true; |
| | | console.log(this.is_release); |
| | | this.release = e.release; |
| | | console.log(this.release); |
| | | return |
| | | } |
| | | if (this.shopFootTabberData.active == e.text) { |
| | | if (this.shopFootTabberData.active == e.text&&this.getLinkUrl(e.link_url) == this.getRoute()) { |
| | | return |
| | | } |
| | | this.shopFootTabberData.active = e.text |
| | |
| | | left: 0; |
| | | height: 98rpx; |
| | | background: #FFFFFF; |
| | | z-index: 90; |
| | | z-index: 999; |
| | | padding-bottom: env(safe-area-inset-bottom); |
| | | } |
| | | |
| | |
| | | height: 200rpx; |
| | | margin-bottom: 20rpx; |
| | | } |
| | | .guanbiannu{ |
| | | |
| | | .guanbiannu { |
| | | padding: 30rpx 40rpx; |
| | | margin: 20rpx auto; |
| | | } |
| | | |
| | | .guanbi { |
| | | background-color: #dae5f9; |
| | | color: #a9adb8; |