YuiDrawer

基础用法

属性	值	说明
size	number / string	Drawer 窗体的大小, 当使用 number 类型时, 以像素为单位, 当使用 string 类型时, 请传入 'x%', 否则便会以 number 类型解释
title	string	Drawer 的标题
:showClose	true/false	是否显示关闭按钮
:isOpen	true/false	是否显示 Drawer
:showFooter	true/false	是否显示页脚
:direction	string	打开的方向 右侧：rtl 、左侧：ltr、顶部：ttb 、底部：btt
@closeModel	close	关闭窗口

引入组件

import { YuiDrawer } from "@/components/Drawer/index";

export default defineComponent({
  components: {
    YuiDrawer
  },
 )

使用标签：

<yui-drawer
size="50%"
:title="data.title"
:showClose="true"
:isOpen="data.isShow"
:show-footer="data.showFooter"
:direction="data.direction"
@closeModel="close"
>
</yui-drawer>

效果

Description