微信小程式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>