mirror of
https://gitee.com/wot-design-uni/wot-design-uni.git
synced 2025-12-07 17:48:34 +08:00
feat: ✨ Curtain 幕帘组件支持设置 z-index
This commit is contained in:
parent
330e8c7bbf
commit
a1e20afef3
@ -107,7 +107,8 @@ function handleClose() {
|
||||
| to | 幕帘图片点击链接 | string | - | - | - |
|
||||
| close-position | 关闭按钮位置 | string | inset / top / bottom / top-left / top-right / bottom-left / bottom-right | inset | - |
|
||||
| close-on-click-modal | 点击遮罩是否关闭 | boolean | - | false | - |
|
||||
| hide-when-close | 是否当关闭时将弹出层隐藏(display: none) | boolean | - | true | - |
|
||||
| hide-when-close | 是否当关闭时将弹出层隐藏(display: none) | boolean | - | true | - |
|
||||
| z-index | 设置层级 | number | - | 10 | $LOWEST_VERSION$ |
|
||||
|
||||
## Events
|
||||
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
import type { ExtractPropTypes } from 'vue'
|
||||
import { baseProps, makeBooleanProp, makeStringProp } from '../common/props'
|
||||
import { baseProps, makeBooleanProp, makeNumberProp, makeStringProp } from '../common/props'
|
||||
|
||||
export type ClosePosition = 'inset' | 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'
|
||||
|
||||
@ -32,7 +32,13 @@ export const curtainProps = {
|
||||
/**
|
||||
* 是否当关闭时将弹出层隐藏(display: none)
|
||||
*/
|
||||
hideWhenClose: makeBooleanProp(true)
|
||||
hideWhenClose: makeBooleanProp(true),
|
||||
/**
|
||||
* 设置层级
|
||||
* 类型:number
|
||||
* 默认值:10
|
||||
*/
|
||||
zIndex: makeNumberProp(10)
|
||||
}
|
||||
|
||||
export type CurtainProps = ExtractPropTypes<typeof curtainProps>
|
||||
|
||||
@ -6,6 +6,7 @@
|
||||
position="center"
|
||||
:close-on-click-modal="closeOnClickModal"
|
||||
:hide-when-close="hideWhenClose"
|
||||
:z-index="zIndex"
|
||||
@before-enter="beforeenter"
|
||||
@enter="enter"
|
||||
@after-enter="afterenter"
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user