码迷,mamicode.com
首页 > 微信 > 详细

微信小程序echarts层级太高

时间:2018-09-04 11:37:36      阅读:1041      评论:0      收藏:0      [点我收藏+]

标签:span   gets   ogr   blank   小程序   购物车   mini   btn   新闻   

项目中因为需求,底部的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>

 

微信小程序echarts层级太高

标签:span   gets   ogr   blank   小程序   购物车   mini   btn   新闻   

原文地址:https://www.cnblogs.com/gxp69/p/9583139.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!