Drawer
属性
| 属性 | 类型 | 必填 | 默认值 | 说明 |
|---|---|---|---|---|
| theme | string | 否 | 'global' | 主题色。 |
| modelValue | any | 否 | undefined | 是否可视。 |
| length | number | 否 | 800 | 抽屉长度。 |
| title | string | 否 | 'Drawer' | 标题栏。 |
| titleSize | number | 否 | 20 | 标题栏字体大小。 |
| titleWeight | string | 否 | 'bold' | 标题栏字体粗细。 |
| titleColor | string | 否 | '' | 标题栏字体颜色。 |
| background | string | 否 | '' | 是否有背景。 |
| borderRadius | string | 否 | '' | 圆角。 |
| controlPadding | string | 否 | '12px 24px' | 控制区内边距。 |
| contentPadding | string | 否 | '24px' | 内容内边距。 |
| showTitleBar | boolean | 否 | true | 是否显示标题栏。 |
| isFooter | boolean | 否 | false | 是否显示Footer |
| isLightDismiss | boolean | 否 | true | 是否单击空白处关闭。 |
| isAcrylic | boolean | 否 | true | 是否亚克力模糊。 |
| zIndex | number | 否 | 30 | 层叠数。 |
| position | string | 否 | 'bottom' | 位置。 |
| appendBody | boolean | 否 | true | 是否添加到body(IOS兼容) |
| disabled | boolean | 否 | false | 参见组件的 disabled 选项。 |
| lang | string | 否 | "global" | 参见组件的 lang 选项。 |
插槽
- Default
自定义容器内内容
vue
<template>
<p></p>
</template>- Header
自定义标题栏内容
javascript
<template v-slot:header>
</template>- Footer
自定义Footer内容
javascript
<template v-slot:footer>
</template>