更新记录
1.0(2025-03-11)
下载此版本
可拖拽排序列表
平台兼容性
uni-app
Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
√ |
√ |
√ |
√ |
√ |
- |
- |
- |
- |
微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
√ |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
其他
可拖拽排序列表
简单实现的可拖拽排序列表,支持H5,APP,小程序等。
借助movable-area实现滑动,作用域插槽绑定数据。
滑动距离获取列表中的位置,从而删除,插入实现功能。
使用
<neo-drag :list="list" @itemclick="click">
<template v-slot:default="{item}">
<view class='box'>
<image class="img" :src="item.src">
</image>
<view>{{item.name}}</view>
</view>
</template>
</neo-drag>
属性
方法
方法名 |
说明 |
参数 |
itemclick |
点击回调 |
item |