微信小程序自定义tabbar custom-tab-bar 6s出不来解决方案(cover-view不兼容)
2019-11-01 18:06
3435 查看
微信小程序自定义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颜色渐变自定义View
- 微信小程序顶部用 scroll-view 组件横向滚动,类似tab选项卡的效果,
- android 仿微信Tab ActionBar+ViewPager+Fragment
- 【微信小程序常见问题】view标签设置背景图片手机无法预览解决方案一
- TabLayout 自定义view tab 消除间距的解决方案
- 【微信小程序常见问题】view标签设置背景图片手机无法预览解决方案二
- 微信小程序 cover-view绑定事件 真机失效
- 微信小程序webview部分安卓机localStorage失效,兼容localStorage 和cookie
- 微信小程序测试:navigator组件使用flex布局不兼容问题及解决方案
- 自定义的带tab的可左右滑动的viewpager之二viewpager与fragment不兼容
- 微信小程序自定义导航教程(兼容各种手机)
- 微信小程序自定义tab,多层tab嵌套实现
- 微信小程序中cover-view的层级不受z-index控制
- 让程序用自定义的菜单-自定义菜单AVKON_VIEW,CBA,MENU_BAR,MENU_PANE
- 微信小程序 使用Vant 的SwipeCell组件时,scroll-view无法滚动页面的解决方案
- 微信小程序--cover-view
- 微信小程序 cover-view在 Video(原生组件)中遇到的问题
- 让程序用自定义的菜单-自定义菜单AVKON_VIEW,CBA,MENU_BAR,MENU_PANE
- 完全自定义微信小程序客服按钮,实现点击view打开客服
- 微信小程序自定义tab实现多层tab嵌套功能