uView Overlay 遮罩层

创建一个遮罩层,用于强调特定的页面元素,并阻止用户对遮罩下层的内容进行操作,一般用于弹窗场景

#平台差异说明

App(vue) App(nvue) H5 小程序

#基本使用

  • 通过show参数配置是否显示遮罩
  • 遮罩被点击时,会发送一个click事件,如不需要此事件,请设置mask-click-able参数为false



copy

#嵌入内容

通过默认插槽可以在遮罩层上嵌入任意内容
注意:如果不想让slot插槽内容的点击事件冒泡到遮罩,请给指定元素添加上@tap.stop






copy

#遮罩样式

  • 通过duration设置遮罩淡入淡出的时长,单位ms

你可能感兴趣的:(前端,vue.js,javascript)