更新记录

1.0.1（2024-09-02） 下载此版本

最新版本

平台兼容性

uni-app

uni-app x

使用说明

引入插件参考下面代码使用，代码测试调通支持h5、vue2、微信小程序，支持使用tab单页面多列表排序

<template>
    <dragSort :list="list" :props="props" @delclick="delclick" @change="sortChange"></dragSort>
</template>
<script>

// 以下路径需根据项目实际情况填写
import dragSort from '../../components/drag-sort/index.vue'

export default {
    data() {
        return {
            props: {
                icon: 'icon',
                name: 'name'
            },
            list:[
                {"icon":'../../static/icon/uninclude/manage_money.png替换成自己的图片地址',"name":'理财'},
                {"icon":'../../static/icon/uninclude/repay.png替换成自己的图片地址',"name":'借还款'},
                {"icon":'../../static/icon/uninclude/other.png替换成自己的图片地址',"name":'其他'},
            ]
        }
    },
    components:{
        dragSort
    },
    methods: {
        sortChange (e) {
            console.log(e)
            // frontData 插到谁后面
            // data 操作的数据
        },
        delclick(e) {
            console.log(e)
            //删除按钮点击返回值
        }
    }
}
</script>