sc-drawer

组件介绍

1. sc-drawer 是一个比较简易的抽屉组件，内部可放任意元素
2. 它同时适用于移动端和 PC 端
3. 如果对该组件有任何意见，可发送至[e-mail]

组件使用

安装

npm i sc-drawer

引入

1. 全局引入

import Vue from 'vue'
import ScDrawer from 'sc-drawer'
Vue.use(ScDrawer)

2. 组件内引入

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