组件介绍

1. sc-suspension 是一个能够任意拖动的组件，内部可放任意元素
2. 它同时适用于移动端和 PC 端
3. 且它具有吸附效果
4. 如果对该组件有任何意见，可发送至[email protected]

组件使用

安装

npm i sc-suspension

引入

1. 全局引入

import Vue from 'vue'
import SSuspension from 'sc-suspension'
Vue.use(SSuspension)

2. 组件内引入

import {ScSuspension} from 'sc-suspension'
export default {
    components: {
        ScSuspension
    }
}

使用示例

<template>
	<sc-suspention>
    	xxx
    </sc-suspention>
</template>

<script>
	import {ScSuspension} from 'sc-suspension'
    export default {
        components: {
            ScSuspension
        }
    }
</script>

组件属性

| 属性 | 用途 | 默认值 | | ---------- | ------------------------------------------------------------ | ------ | | stickup | 用来控制该组件是否开启吸边效果 | true | | position-x | 设置其初始横坐标（以右下角为起点，相当于第二象限， 目前默认单位为px） | 0 | | position-y | 设置其初始纵坐标（以右下角为起点，相当于第二象限，目前默认单位为px） | 200 |

组件方法

| 事件 | 用途 | 返回值 | | --------- | -------------------------------- | --------------------------------------------- | | moveStart | 在该组件刚开始移动时会触发的事件 | 无 | | moveEnd | 在组件移动结束时会触发的事件 | left / right （只有开启吸边效果时才有返回值） |