1.由于原生的canvas组件高于其他组件
2.这样设置z-index没有用
3.大部门解决办法是将echarts转化成图片
看了微信小程序官方文档,官方提供了一种cover-view标签来覆盖canvas、video等层级过高问题
所以本次使用cover-view来解决层级问题一下
以下是代码实现:
<cover-view class="customerbase">
<cover-view class="" style="position: relative;top:110rpx;left:15rpx;z-index: 999;">
<cover-image src="https://wx.feiyu360.com/gx/static/left_arrow.png" mode=""
style="width: 40rpx;height: 40rpx;" @click="back()">
</cover-image>
<cover-view
style="display: inline-block;position: absolute;top: -3rpx;left: 60rpx;font-weight: bold;">回看看板</cover-view>
</cover-view>
</cover-view>
ps:结构全部使用cover-view,图片使用cover-image就可以了文章来源:https://www.toymoban.com/news/detail-489283.html
第一次发,勿喷!!!文章来源地址https://www.toymoban.com/news/detail-489283.html
到了这里,关于uniapp/微信小程序解决echarts层次问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!