当前位置： 移动技术网 > IT编程>网页制作>CSS > 微信小程序echarts层级太高

微信小程序echarts层级太高

2018年09月05日  | 移动技术网IT编程  | 我要评论

石狮长途汽车站,阿里婶婶,麦迪文的酒窖

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

经过查找后发现和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>

 

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网