vue 弹出遮罩层样式实例

网络编程 2024/12/23 佚名

2 0 1

极乐门资源网 Design By www.ioogu.com

以前做遮罩层都是写最小高度来占满屏，但是总会出现问题，也没改变，今天一个人在交流群上问这个时，看到一个回答解决了我这一个bug，学到了，现在记录一下样式。

<div class='popContainer'></div>

div.popContainer{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.3);
}

这样遮罩层就会占满屏了

补充知识：vue 锁定蒙版不让里面页面滑动

其实就是一句代码，在你的蒙版里面添加一句@touchmove.prevent就好了，下面是例子

<div class="layout" @touchmove.prevent :style="{'display':flag" @click="closeAction"></div>

以上这篇vue 弹出遮罩层样式实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

vue,遮罩层样式

标签：

极乐门资源网 Design By www.ioogu.com

极乐门资源网 免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

极乐门资源网 Design By www.ioogu.com

评论“vue 弹出遮罩层样式实例”

暂无vue 弹出遮罩层样式实例的评论...

2024年12月23日