微信小程序中自定义tabbar custom-tab-bar 6s出不来如何解决
导读:本文共1132.5字符,通常情况下阅读需要4分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要: 微信小程序自定义tabbar custom-tab-bar 6s出不来的解决方法,cover-view不兼容,具体内容如下所示:1.从微信小程序的官网扣下来的demo,实际测试中,发现6s ios10 系统不兼容,里面的内容出不来<cover-viewclass="tab-bar"><cover-viewclass=&qu... ...
音频解说
目录
(为您整理了一些要点),点击可以直达。微信小程序自定义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没出来
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.现在的效果如下
</div> <div class="zixun-tj-product adv-bottom"></div> </div> </div> <div class="prve-next-news">
本文:
微信小程序中自定义tabbar custom-tab-bar 6s出不来如何解决的详细内容,希望对您有所帮助,信息来源于网络。