1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > 解决wxcharts层级问题 使用wxcharts插件的按钮被盖住的解决办法。

解决wxcharts层级问题 使用wxcharts插件的按钮被盖住的解决办法。

时间:2020-01-23 06:52:41

相关推荐

解决wxcharts层级问题 使用wxcharts插件的按钮被盖住的解决办法。

解决wxcharts层级问题,使用wxcharts插件的按钮被盖住的解决办法。

wxcharts是使用了canvas画板。但是canvas画板的层级权限是最高的,view不能盖在canvas上面。那么折线图就会盖在我们设置的按钮上面。想解决这个需要使用cover-view标签,放在canvas标签外即可。【cover-view标签可以盖在canvas上,但是里面只能放cover-view和cover-image 标签】。加上z-index可以将层级提高

注意: -只有最外层的cover-view标签设置定位和背景才可以盖住canvas。里面放的标签都不能盖住,所以要最外层的cover-view标签设置一个背景。

-cover-view不能设置渐变背景,可以采用将渐变背景做成一张图片放在下面。

<!-- 使用cover-view盖住wxcharts图表 --><cover-view style="position: fixed; top: 0;z-index: 899; width: 100%;height: 357rpx;"> 内容</cover-view><!-- 使用wxcharts图表 --><canvas canvas-id="lineCanvas2" disable-scroll="true" class="canvas" bindtouchstart="line1touchHandler" style="height:450rpx; width: 720rpx;"></canvas>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。