項目中因為需求，底部的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层级太高的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。