|
|
|
@ -1,18 +1,21 @@ |
|
|
|
<template> |
|
|
|
<view class="tabbar"> |
|
|
|
<view |
|
|
|
:class="{item : true, active : select == index}" |
|
|
|
v-for="(item, index) in list" |
|
|
|
:key="index" |
|
|
|
v-if="!item.isNotShop || !userShop" |
|
|
|
@click="toPath(item, index)"> |
|
|
|
<view class="icon"> |
|
|
|
<image :src="select == index ? |
|
|
|
item.selectedIconPath : |
|
|
|
item.iconPath" class="icon-image" mode=""></image> |
|
|
|
</view> |
|
|
|
<view class="title"> |
|
|
|
{{ item.title }} |
|
|
|
<view class=""> |
|
|
|
<view class="tabbar-box"></view> |
|
|
|
<view class="tabbar"> |
|
|
|
<view |
|
|
|
:class="{item : true, active : select == index}" |
|
|
|
v-for="(item, index) in list" |
|
|
|
:key="index" |
|
|
|
v-if="!item.isNotShop || !userShop" |
|
|
|
@click="toPath(item, index)"> |
|
|
|
<view class="icon"> |
|
|
|
<image :src="select == index ? |
|
|
|
item.selectedIconPath : |
|
|
|
item.iconPath" class="icon-image" mode=""></image> |
|
|
|
</view> |
|
|
|
<view class="title"> |
|
|
|
{{ item.title }} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
@ -78,6 +81,10 @@ |
|
|
|
</script> |
|
|
|
|
|
|
|
<style scoped lang="scss"> |
|
|
|
.tabbar-box{ |
|
|
|
height: 120rpx; |
|
|
|
padding-bottom: env(safe-area-inset-bottom); |
|
|
|
} |
|
|
|
.tabbar{ |
|
|
|
position: fixed; |
|
|
|
width: 750rpx; |
|
|
|
|
