项目中因为需求，底部的tab导航栏是自己写的，在开发者工具中一切正常；但是在真机上页面滑动时，echarts的层级比tab高，调过两者的z-index后仍然如此。
经过查找后发现cover-view和cover-image替换tab的view后，可以解决以上的问题。
<!--底部公共tabBar--> <cover-view class="tabbar-con"> ="{{villageIs?'nav-btn-hover':'nav-btn'}}" bindtap="onGetVillage"> cover-image ='icon_village_after icon' wx:if="{{villageIs}}" src=''></cover-image='icon_village_before icon' wx:else src> cover-view>小区</="{{shopcarIs?'nav-btn-hover':'nav-btn'}}"="onGetShopcar"='icon_shop_after ="{{shopcarIs}}"='icon_shop_before >购物车="{{newsIs?'nav-btn-hover':'nav-btn'}}"="onGetNews"='icon_news_after ="{{newsIs}}"='icon_news_before >新闻="{{mineIs?'nav-btn-hover':'nav-btn'}}"="onGetMine"> ='icon_mine_after ="{{mineIs}}"> ='icon_mine_before >我的> >
