微信小程序echarts层级太高

项目中因为需求，底部的tab导航栏是自己写的，在开发者工具中一切正常；但是在真机上页面滑动时，echarts的层级比tab高，调过两者的z-index后仍然如此。

经过查找后发现cover-view和cover-image替换tab的view后，可以解决以上的问题。

<!--底部公共tabBar-->
<cover-view class="tabbar-con"><cover-view class="{{villageIs?'nav-btn-hover':'nav-btn'}}" bindtap="onGetVillage"><cover-image class='icon_village_after icon' wx:if="{{villageIs}}" src=''></cover-image><cover-image class='icon_village_before icon' wx:else src=''></cover-image><cover-view>小区</cover-view></cover-view><cover-view class="{{shopcarIs?'nav-btn-hover':'nav-btn'}}" bindtap="onGetShopcar"><cover-image class='icon_shop_after icon' wx:if="{{shopcarIs}}" src=''></cover-image><cover-image class='icon_shop_before icon' wx:else src=''></cover-image><cover-view>购物车</cover-view></cover-view><cover-view class="{{newsIs?'nav-btn-hover':'nav-btn'}}" bindtap="onGetNews"><cover-image class='icon_news_after icon' wx:if="{{newsIs}}" src=''></cover-image><cover-image class='icon_news_before icon' wx:else src=''></cover-image><cover-view>新闻</cover-view></cover-view><cover-view class="{{mineIs?'nav-btn-hover':'nav-btn'}}" bindtap="onGetMine"><cover-image class='icon_mine_after icon' wx:if="{{mineIs}}" src=''></cover-image><cover-image class='icon_mine_before icon' wx:else src=''></cover-image><cover-view>我的</cover-view></cover-view>
</cover-view>

本文转载于:猿2048https://www.mk2048.com/blog/blog.php?id=2bkk1j&title=微信小程序echarts层级太高

微信小程序echarts层级太高相关推荐

解决微信小程序textarea层级太高遮挡其他组件的问题
解决微信小程序textarea层级太高遮挡其他组件的问题参考文章: (1)解决微信小程序textarea层级太高遮挡其他组件的问题 (2)https://www.cnblogs.com/pansid ...
input层级高小程序_微信小程序textarea层级过高(盖住其他元素)问题的解决办法...
1.首先,textarea为微信小程序原生组件,其层级是最高的,所以页面中的其他组件无论设置 z-index 为多少,都无法盖在原生组件上. 2.解决方法: 方法一:可通过官方提供的标签嵌套view或 ...
微信小程序视频层级过高问题与淘宝商品详情相册展示效果
1.效果图 2.html <view class="banner"><view class='current_num'>{{current}}/{{imgN ...
echarts异步数据加载MySQL_微信小程序 Echarts 异步数据更新
微信小程序 Echarts 异步数据更新的练习,被坑了很多次,特作记录. 作者:罗兵地址:https://www.cnblogs.com/hhh5460/p/9989805.html 0.效果图 1 ...
视频教程-微信小程序项目实战：高仿iOS计算器-微信开发
微信小程序项目实战:高仿iOS计算器东北大学计算机专业硕士研究生,欧瑞科技创始人&CEO,曾任国内著名软件公司项目经理,畅销书作者,企业IT内训讲师,CSDN学院专家讲师,制作视频课程超过1 ...
微信小程序 video 层级高问题
解决方案一:使用微信小程序提供的cover-view组件. 解决方案二:设置video的z-index为1,然后设置弹窗z-index为99999,即可在视频上方弹出弹窗.
【微信小程序+echarts点亮中国地图】微信小程序echarts中国地图点亮功能
0 小程序开发背景 1 下载官方Github项目 2 按照Echarts官网的map示例使用 3 点击事件的函数效果图 0 小程序开发背景前段时间在上学校的软件开发与实践B课程因为赶上了工大百年 ...
uniapp微信小程序获取屏幕宽高
uniapp开发微信小程序的时候,有时候去调整样式你需要适配各种手机屏幕,使用,你的样式宽高就不能使用rpx 有的朋友觉得可以使用vw vh % 是的,当然可以但是要让你的元素,宽高,比如 ...
uniapp微信小程序怎样获取宽高？获取系统信息？微信小程序获取用户手机屏幕高度与宽度信息等
第一种方案(推荐) "vw" = "view width" "vh" = "view height" 使用 CSS3 引 ...

微信小程序echarts层级太高

微信小程序echarts层级太高相关推荐

最新文章

热门文章