|  |  | 
 |  |  | <template>
 | 
 |  |  |    <view class="footer flex customer-footer" style="">
 | 
 |  |  |    <view class="footer flex customer-footer flex-wrap-normal" style="">
 | 
 |  |  |       <view v-for="(item,index) in tabBar" :key="index" class="footer-item">
 | 
 |  |  |          <view class="item flex" :class="flg==index?'cur':''" @click="go(index,item)">
 | 
 |  |  |          <view class="item" :class="flg==index?'cur':''" @click="go(index,item)">
 | 
 |  |  | 
 | 
 |  |  |             <view v-if="index==0">
 | 
 |  |  |                <image src="../../static/images/customer/footer/footer-home-1.png" class="footer-icon" v-if="flg==0"></image>
 | 
 |  |  |                <image src="../../static/images/customer/footer/footer-home-0.png" class="footer-icon" v-if="flg!=0"></image>
 | 
 |  |  |             </view>
 | 
 |  |  |             <view v-if="index==1">
 | 
 |  |  |                <image src="../../static/images/customer/footer/footer-trade-1.png" class="footer-icon" v-if="flg==0"></image>
 | 
 |  |  |                <image src="../../static/images/customer/footer/footer-trade-0.png" class="footer-icon" v-if="flg!=0"></image>
 | 
 |  |  |                <image src="../../static/images/customer/footer/footer-trade-1.png" class="footer-icon" v-if="flg==1"></image>
 | 
 |  |  |                <image src="../../static/images/customer/footer/footer-trade-0.png" class="footer-icon" v-if="flg!=1"></image>
 | 
 |  |  |             </view>
 | 
 |  |  |             <view v-if="index==2">
 | 
 |  |  |                <image src="../../static/images/customer/footer/footer-shopping-1.png" class="footer-icon" v-if="flg==0">
 | 
 |  |  |                <image src="../../static/images/customer/footer/footer-shopping-1.png" class="footer-icon" v-if="flg==2">
 | 
 |  |  |                </image>
 | 
 |  |  |                <image src="../../static/images/customer/footer/footer-shopping-0.png" class="footer-icon" v-if="flg!=0">
 | 
 |  |  |                <image src="../../static/images/customer/footer/footer-shopping-0.png" class="footer-icon" v-if="flg!=2">
 | 
 |  |  |                </image>
 | 
 |  |  |             </view>
 | 
 |  |  |             <view v-if="index==3">
 | 
 |  |  |                <image src="../../static/images/customer/footer/footer-self-1.png" class="footer-icon" v-if="flg==1"></image>
 | 
 |  |  |                <image src="../../static/images/customer/footer/footer-self-0.png" class="footer-icon" v-if="flg!=1"></image>
 | 
 |  |  |                <image src="../../static/images/customer/footer/footer-self-1.png" class="footer-icon" v-if="flg==3"></image>
 | 
 |  |  |                <image src="../../static/images/customer/footer/footer-self-0.png" class="footer-icon" v-if="flg!=3"></image>
 | 
 |  |  |             </view>
 | 
 |  |  | 
 | 
 |  |  |             <view>
 | 
 |  |  | 
 |  |  |          return {
 | 
 |  |  |             tabBar: [{
 | 
 |  |  | 
 | 
 |  |  |                   "text": "首页"
 | 
 |  |  |                   "text": "首页",
 | 
 |  |  |                   "pagePath":'/pages/home/home'
 | 
 |  |  |                },
 | 
 |  |  |                {
 | 
 |  |  | 
 | 
 |  |  |                   "text": "交易大厅"
 | 
 |  |  |                   "text": "交易大厅",
 | 
 |  |  |                   "pagePath":'/sub_pages/customer/trade/trade'
 | 
 |  |  |                },
 | 
 |  |  |                {
 | 
 |  |  | 
 | 
 |  |  |                   "text": "购物车"
 | 
 |  |  |                   "text": "购物车",
 | 
 |  |  |                   "pagePath":'/sub_pages/customer/shopping/shopping'
 | 
 |  |  |                },
 | 
 |  |  |                {
 | 
 |  |  |                   "text": "我的"
 | 
 |  |  |                   "text": "我的",
 | 
 |  |  |                   "pagePath":'/pages/user/supplier-user'
 | 
 |  |  |                }
 | 
 |  |  |             ]
 | 
 |  |  |          }
 |