uniapp添加遮罩层
时间: 2023-08-27 16:04:44 浏览: 209
在uniapp中添加遮罩层可以通过以下方法实现。首先,在遮罩层的容器view上添加一个class,比如"shade"。然后,在该class的样式中设置position为absolute,top、left、width和height为100%以覆盖整个页面。最后,将该容器view置于需要遮罩的内容上方,并设置z-index为较高的数值,比如9999,以确保它在页面上显示在最顶层。引用 [1 [3<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [uniapp 遮罩层/弹窗阻止冒泡](https://blog.csdn.net/changshataofan/article/details/116452777)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [uniapp H5遮罩层,弹窗,蒙层滚动穿透/滑动穿透](https://blog.csdn.net/weixin_45368519/article/details/129753668)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文