1. 程式人生 > >微信小程式學習筆記-3.3 遮罩層

微信小程式學習筆記-3.3 遮罩層

2018/6/3

發現了兩種不同的遮罩層。

一種是 css 自帶的 mask 遮罩層。

另外一種是 微信小程式的 cover-view

1. cover-views

微信官方給出的 cover-view 的覆蓋屬性是這樣的

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

覆蓋在原生元件之上的文字檢視,可覆蓋的原生元件包括mapvideocanvascameralive-playerlive-pusher,只支援巢狀cover-viewcover-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 幹嘛。