Appearance
Mask 遮罩
基本用法
展开
动画
mask组件本身不存在任何动画，可以搭配transition-fade来提升用户体验
展开
非全屏
展开
滚动锁定
展开
点击销毁
展开
不同类型
展开
Props
| 参数名 | 参数类型 | 类型简介 | 示例 | 默认值 |
|---|---|---|---|---|
| fullScreen | Boolean | 是否全屏显示 | #非全屏 | true |
| lockScroll | Boolean | 锁定滚动 | #锁定滚动 | false |
| type | MaskType | 遮罩类型 | #不同类型 | 'fill' |
Types
ts
export type MaskTypeItem = 'blur' | 'fill' | 'transparent'
export type MaskType = `${MaskTypeItem}-${MaskTypeItem}` | `${MaskTypeItem} ${MaskTypeItem}` | MaskTypeItem | MaskTypeItem[]