微信小程序中自定义tabbar custom-tab-bar 6s出不来如何解决(微信小程序,编程语言)

时间:2024-04-28 03:23:29 作者 : 石家庄SEO 分类 : 编程语言
  • TAG :

微信小程序自定义tabbar custom-tab-bar 6s出不来的解决方法,cover-view不兼容,具体内容如下所示:

1.从微信小程序的官网扣下来的demo,实际测试中,发现6s ios10 系统不兼容,里面的内容出不来

<cover-viewclass="tab-bar"><cover-viewclass="tab-bar-border"></cover-view><cover-viewwx:for="{{list}}"wx:key="index"class="tab-bar-item"data-path="{{item.pagePath}}"data-index="{{index}}"bindtap="switchTab"><cover-imagesrc="{{item.checked?item.selectedIconPath:item.iconPath}}"></cover-image><cover-view>{{item.text}}</cover-view></cover-view></cover-view>

2.实际效果如下: 底部的tabbar没出来

微信小程序中自定义tabbar custom-tab-bar 6s出不来如何解决

3.把 cover-view 改成 view 把 cover-image 改成 image 标签

<viewclass="tab-bar"><viewclass="tab-bar-border"></view><viewwx:for="{{list}}"wx:key="index"class="tab-bar-item"data-path="{{item.pagePath}}"data-index="{{index}}"bindtap="switchTab"><imagesrc="{{item.checked?item.selectedIconPath:item.iconPath}}"></image><view>{{item.text}}</view></view></view>

4. 记得把你的css 样式也改一下啊 默认的 class 有cover-view cover-image

5.现在的效果如下

微信小程序中自定义tabbar custom-tab-bar 6s出不来如何解决

微信小程序中自定义tabbar custom-tab-bar 6s出不来如何解决

 </div> <div class="zixun-tj-product adv-bottom"></div> </div> </div> <div class="prve-next-news">
本文:微信小程序中自定义tabbar custom-tab-bar 6s出不来如何解决的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:如何获取shell脚本自身所在目录的Shell脚本下一篇:

7 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18