Liugq5713 / drawer

a vue drawer component

Home Page:https://so-easy.cc/drawer/doc.html

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

抽屉(drawer)组件

项目预览DEMO地址

drawer 属性

参数 说明 类型 可选值 默认值
triggerEvent 触发打开抽屉的事件 String 'mouseover'/'click' 'click'
controls 控件显示的值 Array/Object
position 控件显示位置 String 'right'
position 控件显示位置 String 'right'
controlOffset 控件的偏移 String/Number
contentSize 抽屉内容大小 String '300'
openDrawer 是否打开抽屉 Function

详细说明

controls

默认值为

controls = {
  showText: '显示',
  hidden: '隐藏'
}

如果需要添加多个空间,可以传入数组

const controls = [
{
    show:'显示',
    hidden:'隐藏'
},
{
    show:'露出,
    hidden:'消散''
}
]

slot

  • 默认插槽

抽屉里面的内容

  • 具名插槽

插槽名:controls ,满足自定义控件的需求

About

a vue drawer component

https://so-easy.cc/drawer/doc.html

License:Apache License 2.0


Languages

Language:Vue 88.4%Language:HTML 5.3%Language:Shell 4.1%Language:JavaScript 2.2%