解决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>
解决wxcharts层级问题,使用wxcharts插件的按钮被盖住的解决办法。相关推荐
- 解决微信小程序使用wxcharts在屏幕不固定问题-开发工具里也显示好了布局,为啥到真机就是乱的...
解决微信小程序使用wxcharts在屏幕不固定问题-开发工具里也显示好了布局,为啥到真机就是乱的 .chart{ width: 100%; text-align: center; } .canvas{ ...
- 解决微信小程序使用wxcharts在屏幕不固定问题-开发工具里也显示好了布局,为啥到真机就是乱的
解决微信小程序使用wxcharts在屏幕不固定问题-开发工具里也显示好了布局,为啥到真机就是乱的 .chart{ width: 100%; text-align: center; } .canvas{ ...
- 解决xcode升级之后安装的插件失效
2019独角兽企业重金招聘Python工程师标准>>> title: 解决xcode升级之后安装的插件失效 date: 2015-08-23 11:07:53 categories: ...
- 解决Chrome谷歌浏览器″Adobe Flash Player 插件已被屏蔽″的问题
解决Chrome谷歌浏览器"Adobe Flash Player 插件已被屏蔽"的问题如果你确定在电脑上确实已经安装了 Adobe Flash Player 插件,但是打开网页 ...
- Eclipse的Git插件Egit: merge合并冲突具体解决方法
Eclipse的Git插件Egit: merge合并冲突具体解决方法 参考文章: (1)Eclipse的Git插件Egit: merge合并冲突具体解决方法 (2)https://www.cnblog ...
- 解决Chrome谷歌浏览器Adobe Flash Player 插件已被屏蔽的问题
解决Chrome谷歌浏览器"Adobe Flash Player 插件已被屏蔽"的问题 如果你确定在电脑上确实已经安装了 Adobe Flash Player 插件,但是打开网页时 ...
- 中标麒麟操作系统,yum安装软件时提示:“已加载插件:langpacks,无须任何处理“的解决办法
中标麒麟操作系统,yum安装软件时提示:"已加载插件:langpacks,无须任何处理"的解决办法 通常都是由于yum仓库未包含你所要安装的那款软件造成. 解决办法: 输入如下命令 ...
- flash 火狐总是崩溃_解决firefox经常出现Adobe Flash 插件已崩溃
解决firefox经常出现Adobe Flash 插件已崩溃,喜欢使用火狐浏览器的朋友们,经常会遇到浏览器flash插件崩溃的情况,让人头疼,非常搜索旅游网网络开发技术部门也经常遇到这种问题,最终为了 ...
- 解决obsidian无法加载第三方插件(社区插件)的问题
1.windows系统参考以下方案: 不需要VPN与翻墙,完美解决obsidian无法加载第三方插件(社区插件)的问题 2.以下是参考window系统的操作方法介绍的macOS解决方案 1.插件下载 ...
最新文章
- JavaScript 关闭窗口事件
- boost::hana::on用法的测试程序
- orbeon form 的日志处理
- python logging模块的作用_【python】【logging】python日志模块logging常用功能
- 2016OSC源创会年终盛典-综合技术专场-张小刚
- js手机号中间四位_11位手机号码隐藏中间四位数,学会Substitute函数一键搞定!...
- 看看如何有效地在你的设计工作中使用霓虹色?
- 2021年中国电热饭盒市场趋势报告、技术动态创新及2027年市场预测
- FCPX安装插件位置及删除插件的方法
- html 360 浏览器图片自适应,360浏览器看图模式 一键保存高清套图
- 南方cass简码识别大全_南方CASS简码成图的方法
- TestCenter测试管理工具功能详解(E)
- UNITY_iOS_接入微信登录及分享微信
- BaseProxy:异步http/https中间人
- 小区市话配套和宽带接入系统研究报告
- java合并单元格边框不完整,java poi 合并单元格后边框问题
- html代码width什么意思,width:100% 啥意思呢,在什么情况下使用?
- java异常之-ClassNotFoundException: .......web.context.ContextLoaderServlet
- seek()函数与tell()函数
- 让人喷饭的郭德纲语录
热门文章
- 美国随着疫情创新高的,还有十亿身价富豪的人数……
- 一文辨析 Java、JSP、JavaScript
- 【Windows】4:3 显示器分辨率是多少?
- NX二次开发-ug表达式函数ug_find_file读取当前prt所在路径
- [乐意黎原创] FTP 产生 gs_tmp_tz.***.** 文件
- Java 泛型方法的调用
- JARVIS(贾维斯)来了,科技改变生活
- 难道企业真的需要私有区块链吗?
- Linux学习决心报告
- 工作之路 - 中国平安江苏分公司客户服务部