更新记录
1.0.1(2021-02-20) 下载此版本
优化临界拖拽问题
1.0.0(2021-02-06) 下载此版本
拖动排序
平台兼容性
流畅 拖动排序 拖拽排序,组件名:easydrag-sort
使用方式:
在 script
中引用组件
import easydragSort from '@/components/easydrag-sort/easydrag-sort.vue';
export default {
components: {easydragSort}
}
在 template
中使用组件
<easydrag-sort :list="tabs" :itemw="cellW" :itemh="cellH" :itemY="10" @change="SortChange">
<template v-slot="{item}">
<view class="box" :style="{width:cellW + 'px',height:cellH + 'px',lineHeight:cellH+'px'}">{{item.name}}</view>
</template>
</easydrag-sort>
属性说明:
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
list | Array | [] | 列表对象 |
itemw | Number | 0 | 子项宽度(px) |
itemh | Number | 0 | 子项高度(px) |
itemY | Number | 0 | 行间距 |