美文网首页
微信小程序 自定义tabBar 切换闪烁(不一样的解决方法)

微信小程序 自定义tabBar 切换闪烁(不一样的解决方法)

作者: 有点皮的小黄皮 | 来源:发表于2021-05-22 13:32 被阅读0次

微信小程序 自定义tabBar,使用官方模版,点击切换时 闪烁,体验贼差。然后百度百度,看到网上说的,把selected设置为空,还是不行。而且第二天重新打开的时候,发现tab的图片显示不出来。。。

1、解决办法

很简单,把cover-view标签,全部替换成view标签就行了。(cover-image也换成image,我现在没用图片,我改用字体图标了)

目前我的是正常了,一点不闪。

贴一下我的代码:

<!--miniprogram/custom-tab-bar/index.wxml-->
<view class="tab-bar">
  <!-- <view class="tab-bar-border"></view> -->
  <view wx:for="{{list}}" wx:key="index" class="tab-bar-item" data-path="{{item.pagePath}}" data-index="{{index}}" bindtap="switchTab">
    <view class="iconfont {{item.icon}}" style="{{selected === index ? 'color: #CCCC99' : ''}}"></view>
    <!-- <cover-image src="{{selected === index ? item.selectedIconPath : item.iconPath}}"></cover-image> -->
    <view class="text" style="color: {{selected === index ? selectedColor : color}};font-weight:{{selected === index ? '600' : '400'}}">{{item.text}}</view>
  </view>
</view>

如有问题,请多多指教。

相关文章

网友评论

      本文标题:微信小程序 自定义tabBar 切换闪烁(不一样的解决方法)

      本文链接:https://www.haomeiwen.com/subject/jeinjltx.html