微信小程序自定义tabbar custom-tab-bar 6s出不来解决方案(cover-view不兼容)
微信小程序自定义tabbar custom-tab-bar 6s出不来解决方案，cover-view不兼容,具体内容如下所示：
1.从微信小程序的官网扣下来的demo，实际测试中，发现6s ios10 系统不兼容，里面的内容出不来
<cover-view class="tab-bar">
<cover-view class="tab-bar-border"></cover-view>
<cover-view wx:for="{{list}}" wx:key="index" class="tab-bar-item" data-path="{{item.pagePath}}" data-index="{{index}}" bindtap="switchTab">
<cover-image src="{{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 标签
<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">
<image src="{{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出不来解决方案(cover-view不兼容),希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对小牛知识库网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！
-
本文向大家介绍微信小程序自定义tab实现多层tab嵌套功能，包括了微信小程序自定义tab实现多层tab嵌套功能的使用技巧和注意事项，需要的朋友参考一下 小程序最近是越来越火了…… 做小程序有一段时间了，总结一下项目中遇到的问题及解决办法吧。 项目中有个多 tab 嵌套的需求，进入程序主界面下面有两个 tab，进入A模块后，A模块最底下又有多个tab，每个tab上又嵌了2-4个不等的tab。。。 这
-
本文向大家介绍微信小程序自定义导航教程（兼容各种手机），包括了微信小程序自定义导航教程（兼容各种手机）的使用技巧和注意事项，需要的朋友参考一下 前言 本文主要给大家介绍了关于微信小程序自定义导航的相关内容，详细代码请见github，请点击地址 （本地下载），其中有原生小程序的实现，也有wepy版本的实现 了解小程序默认导航 如上图所示，微信导航分为两部分，第一个部分为statusBarHeight
-
本文向大家介绍微信小程序tabbar不显示解决办法，包括了微信小程序tabbar不显示解决办法的使用技巧和注意事项，需要的朋友参考一下 微信小程序tabbar不显示解决办法 微信小程序在测试tabbar的时候怎么都不显示。 我就不贴api了。直接上代码 这个json看了一天，直觉告诉我没什么问题。实际上也没什么问题。 但是坑爹的一幕来了，tabbar怎么都不显示。最后发现是 看标红的问题。第一行绝
-
本文向大家介绍微信小程序 scroll-view的使用案例代码详解，包括了微信小程序 scroll-view的使用案例代码详解的使用技巧和注意事项，需要的朋友参考一下 scroll-view：滚动视图 使用view其实也能实现滚动，跟div用法差不多 而scroll-view跟view最大的区别就在于：scroll-view视图组件封装了滚动事件，监听滚动事件什么的直接写方法就行。 scroll-
-
本文向大家介绍微信小程序http连接访问解决方案的示例，包括了微信小程序http连接访问解决方案的示例的使用技巧和注意事项，需要的朋友参考一下 HTTP + 加密 + 认证 + 完整性保护 = HTTPS，小程序考虑到信息安全的问题，选用了更为稳定安全的https 来进行信息传递。 HTTPS协议的主要作用可以分为两种：一种是建立一个信息安全通道，来保证数据传输的安全；另一种就是确认网站的真实性。
-
本文向大家介绍微信小程序出现wx.navigateTo页面不跳转问题的解决方法，包括了微信小程序出现wx.navigateTo页面不跳转问题的解决方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了微信小程序出现wx.navigateTo页面不跳转问题的解决方法。分享给大家供大家参考，具体如下： 今天在做微信小程序的时候，做的商品购买流程。流程是这样的： 商品展示-->商品详情-->下单页