1.0.3 • Published 5 years ago
sc-drawer v1.0.3
组件介绍
sc-drawer是一个比较简易的抽屉组件,内部可放任意元素- 它同时适用于移动端和 PC 端
- 如果对该组件有任何意见,可发送至934772615@qq.com
组件使用
安装
npm i sc-drawer
引入
- 全局引入
import Vue from 'vue'
import ScDrawer from 'sc-drawer'
Vue.use(ScDrawer)- 组件内引入
import {ScDrawer} from 'sc-drawer'
export default {
components: {
ScDrawer
}
}使用示例
<template>
<sc-drawer>
xxx
</sc-drawer>
</template>
<script>
import {ScDrawer} from 'sc-drawer'
export default {
components: {
ScDrawer
}
}
</script>组件属性
| 属性 | 用途 | 默认值 |
|---|---|---|
| position | 用来控制该组件展示的位置(可选值:left、right、top、bottom) | left |
| newStyle | 为方便大家自己DIY,可以通过该属性传入自己想要添加的样式 | {} |
| isShowDrawer | 控制是否显示组件 | false |
| isDefaultClose | 是否通过点击遮罩层关闭该组件 | true |
| isShowClose | 是否显示关闭按钮 | true |