Skip to content

Drawer ​


属性 ​


属性类型必填默认值说明
themestring否'global'主题色。
modelValueany否undefined是否可视。
lengthnumber否800抽屉长度。
titlestring否'Drawer'标题栏。
titleSizenumber否20标题栏字体大小。
titleWeightstring否'bold'标题栏字体粗细。
titleColorstring否''标题栏字体颜色。
backgroundstring否''是否有背景。
borderRadiusstring否''圆角。
controlPaddingstring否'12px 24px'控制区内边距。
contentPaddingstring否'24px'内容内边距。
showTitleBarboolean否true是否显示标题栏。
isFooterboolean否false是否显示Footer
isLightDismissboolean否true是否单击空白处关闭。
isAcrylicboolean否true是否亚克力模糊。
zIndexnumber否30层叠数。
positionstring否'bottom'位置。
appendBodyboolean否true是否添加到body(IOS兼容)
disabledboolean否false参见组件的 disabled 选项。
langstring否"global"参见组件的 lang 选项。

插槽 ​


  1. Default

自定义容器内内容

vue
<template>
    <p></p>
</template>
  1. Header

自定义标题栏内容

javascript
<template v-slot:header>
</template>
  1. Footer

自定义Footer内容

javascript
<template v-slot:footer>
</template>

MIT Licensed