Skip to content

Drawer


Propoties


属性(attr)类型(type)必填(required)默认值(default)说明(statement)
theme['system', 'dark', 'light', 'custom']No'system'主题色
valueBooleanNofalse是否可视
length[number, string]No300抽屉长度
titleStringNo'Drawer'标题栏
titleSizeStringNo20标题栏字体大小
titleWeightStringNo'bold'标题栏字体粗细
titleColorStringNo''标题栏字体颜色
background''Nofalse是否有背景
borderRadiusStringNo''圆角
controlPaddingStringNo'12px 24px'控制区内边距
contentPaddingStringNo'24px'内容内边距
showTitleBarBooleanNotrue是否显示标题栏
isFooterBooleanNofalse是否显示Footer
isLightDismissBooleanNofalse是否单击空白处关闭
isAcrylicBooleanNofalse是否亚克力模糊
zIndexNumberNo10层叠数
position['bottom', 'left', 'top', 'right']No'bottom'位置
appendBodyBooleanNofalse是否添加到body(IOS兼容)

Slot


  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