echarts层级太高/层级遮挡-前端-E先生的博客
Java
MySQL
大数据
Python
前端
黑科技
大语言模型
    首页 >> 互联网 >> 前端

echarts层级太高/层级遮挡

[导读]:1.由于原生的canvas组件高于其他组件2.这样设置z-index没有用3.大部门解决办法是将echarts转化成图片看了微信小程序官方文档,官方提供了一种cover-view标签来覆盖canvas、video等层级过高问题<cover-viewclass="bottom_button"><button@click="getTest&quo...

1.由于原生的canvas组件高于其他组件

2.这样设置z-index没有用

3.大部门解决办法是将echarts转化成图片

看了微信小程序官方文档,官方提供了一种cover-view标签来覆盖canvas、video等层级过高问题

<cover-view class="bottom_button">
    <button @click="getTest">再测一次</button>
</cover-view>

cover-view:覆盖在原生组件之上的文本视图(可覆盖的原生组件包括 map、video、canvas、camera、live-player、live-pusher)

  1、cover-view 只支持嵌套 cover-view、cover-image,可在 cover-view 中使用 button

  2、cover-view 不支持设置单边的border、background-image、shadow、overflow: visible等

备注:1、使用场景:在 web-view & 原生组件上做一些简单的操作 

           2、cover-view 标签有误时,并不报错

           3、cover-view 不支持组件开发(只支持嵌套 cover-view、cover-image、button)        

           4、cover-view 的显示隐藏用 v-if(v-show: 无法实现显示隐藏的切换)

           5、cover-view 覆盖在 web-view 上使用时,安卓 微信7.0.9版本后,无法通过setData更新{{xx}}值

           6、文本必须都套上cover-view标签,避免排版错误

// 排版会出错
<cover-view>
    aaa
    <cover-view>bbb</cover-view>
    ccc
</cover-view>

1.png

本文来自E先生的博客,如若转载,请注明出处:https://javajz.cn

留言区

联系人:
手   机:
内   容:
验证码:

历史留言

欢迎加Easy的QQ