点击tab切换时,图标有闪动的情况,怎么解决?vue版本的就没有。华为mate30pro
部落格子
- 发布:2020-09-21 12:41
- 更新:2020-09-23 17:24
- 阅读:757
官方提供的只有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>