Skip to content
a vue drawer component
Vue HTML Shell JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
docs
public
src
.gitignore
.travis.yml
LICENSE
README.md
babel.config.js
deploy.sh
logo.svg
package-lock.json
package.json
yarn.lock

README.md

抽屉(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 ,满足自定义控件的需求

You can’t perform that action at this time.