1.0.0 • Published 3 years ago

sc-suspension-next v1.0.0

Weekly downloads
-
License
ISC
Repository
-
Last release
3 years ago

组件介绍

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

组件使用

安装

npm i sc-suspension

引入

  1. 全局引入
import Vue from 'vue'
import SSuspension from 'sc-suspension'
Vue.use(SSuspension)
  1. 组件内引入
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设置其初始横坐标(以右下角为起点,相当于第二象限, 目前默认单位为px0
position-y设置其初始纵坐标(以右下角为起点,相当于第二象限,目前默认单位为px200

组件方法

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