Skip to content

Drawer


属性


属性类型必填默认值说明
themestring'global'主题色。
modelValueanyundefined是否可视。
lengthnumber800抽屉长度。
titlestring'Drawer'标题栏。
titleSizenumber20标题栏字体大小。
titleWeightstring'bold'标题栏字体粗细。
titleColorstring''标题栏字体颜色。
backgroundstring''是否有背景。
borderRadiusstring''圆角。
controlPaddingstring'12px 24px'控制区内边距。
contentPaddingstring'24px'内容内边距。
showTitleBarbooleantrue是否显示标题栏。
isFooterbooleanfalse是否显示Footer
isLightDismissbooleantrue是否单击空白处关闭。
isAcrylicbooleantrue是否亚克力模糊。
zIndexnumber30层叠数。
positionstring'bottom'位置。
appendBodybooleantrue是否添加到body(IOS兼容)
disabledbooleanfalse参见组件的 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