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

微信小程序 自定义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>

如有问题,请多多指教。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。