微信小程序学习笔记-3.3 遮罩层

版权声明： https://blog.csdn.net/weixin_42271658/article/details/80554645

2018/6/3

发现了两种不同的遮罩层。

一种是 css 自带的 mask 遮罩层。

另外一种是 微信小程序的 cover-view

1. cover-views

微信官方给出的 cover-view 的覆盖属性是这样的

https://developers.weixin.qq.com/miniprogram/dev/component/cover-view.html

覆盖在原生组件之上的文本视图，可覆盖的原生组件包括

map

、

video

、

canvas

、

camera

、

live-player

、

live-pusher

，只支持嵌套

cover-view

、

cover-image

。

这位仁兄列举出了一些坑 https://blog.csdn.net/ljhelloweb/article/details/80277267

总的来讲就是 cover-view 自带了一些 布局文件

事件的绑定受限

1）在 cover-view 中 点击无效

这样 change 函数是没有效果的

2）由于它的默认布局，手动更改布局的宽高配置也是无效的。

给我的感觉就是非常的不好用。

2. MASK

mask 是 css 自带的遮罩层

https://www.jianshu.com/p/19a81c07f822 这位大佬已经介绍的很清楚了http://web.jobbole.com/88550/ 这里还有更多

由于是 css 自带的。可以在任意元素之上建立视图。并且可以在内嵌套任意的布局元素。

好用啊。还用 cover-view 干嘛。

阅读更多