资讯专栏INFORMATION COLUMN

微信小程序echarts层级太高

番茄西红柿 / 3474人阅读

摘要:项目中因为需求,底部的导航栏是自己写的,在开发者工具中一切正常但是在真机上页面滑动时,的层级比高,调过两者的后仍然如此。经过查找后发现和替换的后,可以解决以上的问题。

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

经过查找后发现cover-viewcover-image替换tab的view后,可以解决以上的问题。


<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>

 

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/1853.html

相关文章

  • 程序echarts+canvasdrawer实现页面转化图片并保存到相册

    摘要:小程序实现页面转化图片并保存到相册场景小程序测试活动,实现雷达图展示不同的结果微信头像二维码测试结果文字,最终绘制出一张图片用户保存相册。圆形头像建议切镂空图覆盖,,有很难实现效果建议查看微信小程序社区的帖子。 小程序echarts+canvasdrawer实现页面转化图片并保存到相册 场景:小程序测试活动,实现echarts雷达图展示不同的结果、微信头像、二维码、测试结果文字,最终绘...

    Doyle 评论0 收藏0
  • Chameleon跨端框架——壹个理想主义团队的开源作品

    摘要:跨端框架壹个理想主义团队的开源作品历经近个月打磨,滴滴跨端方案终于开源了真正专注于一套代码运行多端。这时候我们专门成立了一个人的小项目组,完成一个名为的项目,一期目标是不影响用户发挥,不依赖框架方的原则性实现一套代码运行和微信小程序。 Chameleon跨端框架——壹个理想主义团队的开源作品 历经近20个月打磨,滴滴跨端方案chameleon终于开源了https://github.co...

    darkbug 评论0 收藏0
  • echarts拆线图和柱状图叠加,双Y轴,动画延时

    摘要:需求制作叠加的拆线图,柱状图,双轴工具代码交易日柱状图动画延迟成交价昨收价成交额成交价元成交额万元成交价昨收价成交额效果图关键说明中可以叠加多组数据,要指定中的第二个轴中的表示的位置,表示在最大值处,默认在值一端表示数值序列是否倒置。 需求 制作叠加的拆线图,柱状图,双Y轴 工具 echarts 代码 var xAxisData = []; var data1 = []; var da...

    LeexMuller 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<