组件介绍

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

组件使用

安装

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 |