1.0.0 • Published 3 years ago
sc-suspension-next v1.0.0
组件介绍
sc-suspension
是一个能够任意拖动的组件,内部可放任意元素- 它同时适用于移动端和 PC 端
- 且它具有吸附效果
- 如果对该组件有任何意见,可发送至934772615@qq.com
组件使用
安装
npm i sc-suspension
引入
- 全局引入
import Vue from 'vue'
import SSuspension from 'sc-suspension'
Vue.use(SSuspension)
- 组件内引入
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 (只有开启吸边效果时才有返回值) |
1.0.0
3 years ago