微信小程式學習筆記-3.3 遮罩層
阿新 • • 發佈:2019-02-14
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 幹嘛。