1.0.0 • Published 4 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
4 years ago