mms-overlay 遮罩层
简述
遮罩层,弹出框的蒙层。
注意
注意: 请以 uni_modules/mms-unix 与本文为准;各端差异以 uni-app 与各平台官方文档为准。涉及隐私能力(相册、定位、剪贴板、手机号等)需在 manifest 与后台完成配置。
平台差异说明
| App(vue) | App(nvue) | H5 | 小程序 |
|---|---|---|---|
| √ | √ | √ | √ |
基本使用
uvue
<template>
<view>
<mms-overlay :show="show" @click="close"></mms-overlay>
</view>
</template>Props
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
show | 是否显示 | boolean | false |
opacity | 透明度 0-1 | number | 0.5 |
zIndex | z-index 层级 | number | 998 |
lockScroll | 是否锁定背景滚动 | boolean | true |
Events
| 事件名 | 说明 |
|---|---|
click | 点击遮罩时触发 |
示例
基础用法
uvue
<mms-overlay
:show="showPopup"
@click="showPopup = false"
></mms-overlay>自定义透明度
uvue
<mms-overlay
:show="show"
:opacity="0.8"
></mms-overlay>