部落格子
部落格子
  • 发布:2020-09-21 12:41
  • 更新:2020-09-23 17:24
  • 阅读:757

#插件讨论# 【 nvue版纯自定义tabbar、支持APP和小程序以及刘海屏 - LOOKINGFFuture 】点击tab切换时,图标有闪动的情况,怎么解决?

分类:uni-app

点击tab切换时,图标有闪动的情况,怎么解决?vue版本的就没有。华为mate30pro

2020-09-21 12:41 负责人:无 分享
已邀请:
LOOKINGFFuture

LOOKINGFFuture

官方提供的只有image 标签上追加fade-show属性 值为false就会去掉,但是本案例已经处理,
还有种方案,把下面的方案

<view class="itmMain" @click.stop="switchTabFunc(4, '/pages/userCent')">  
    <image class="imgse" :fade-show='false' v-if="active!=4" src="/static/my.png"></image>  
    <image class="imgse" :fade-show='false' v-if="active===4" src="/static/my_active.png"></image>  
    <text class="txtBtn" :class="{'txtBtnSel' :active==4}">个人中心</text>  
</view>

替换成这种形式的
其中urlList对象里面的'img1'代表每个按钮的非选中区域和'img1s'选中区域

<view class="itmMain" @click.stop="switchTabFunc(4, '/pages/userCent')">  
    <image class="imgse" :fade-show='false' :src=" active!=4 ? urlList.img1 : urlList.img1s"></image>  
    <text class="txtBtn" :class="{'txtBtnSel' :active==4}">个人中心</text>  
</view>

该问题目前已经被锁定, 无法添加新回复