微信小程序echarts層級太高


項目中因為需求,底部的tab導航欄是自己寫的,在開發者工具中一切正常;但是在真機上頁面滑動時,echarts的層級比tab高,調過兩者的z-index后仍然如此。

經過查找后發現cover-viewcover-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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM