{}

引用插件市场，已在项目中实践过，能满足基本需求无问题 https://ext.dcloud.net.cn/plugin?id=1372

<template>
    <view class="content">
        <HM-dragSorts ref="dragSorts"  :list="list" :autoScroll="true" :feedbackGenerator="true" :listHeight="300" :rowHeight="55" @change="change" @confirm="confirm" @onclick="onclick" ></HM-dragSorts>  
    </view>
</template>
<style lang="scss" scoped>
    page {background-color: #efeff4;}
</style>

    import dragSorts from '@/uni_modules/components/HM-dragSorts/HM-dragSorts.vue' // 组件符合easycom规范，默认这个可以不写
    export default {
        components: {'HM-dragSorts':dragSorts},// 组件符合easycom规范，默认这个可以不写
        data() {
            return {
                list:[
                    {"name": "花呗", "icon": "/static/img/1.png"},
                    {"name": "余额宝","icon": "/static/img/2.png"},
                    {"name": "账户余额","icon": "/static/img/3.png"},
                    {"name": "交通银行信用卡(0001)""icon": "/static/img/4.png"},
                    {"name": "中国建设银行信用卡(4401)","icon": "/static/img/5.png"},
                    {"name": "网商储蓄卡(7223)","icon": "/static/img/6.png"}
                ]
            }
        },
        methods: {
            push(){
                // 和数组的push使用方法一致，可以push单行，也可以push多行
                this.$refs.dragSorts.push({
                        "name": "push行",
                        "icon": "/static/img/2.png"
                    });
            },
            unshift(){
                // 和数组的unshift使用方法一致，可以unshift单行，也可以unshift多行
                this.$refs.dragSorts.unshift({
                        "name": "unshift行",
                        "icon": "/static/img/2.png"
                    });
            },
            splice(){
                // 和数组的unshift使用方法一致 下标1开始删除1个并在下标1位置插入行
                this.$refs.dragSorts.splice(1,1,{
                        "name": "splice行",
                        "icon": "/static/img/2.png"
                    });
            },
            onclick(e){
                console.log('=== onclick start ===');
                console.log("被点击行: " + JSON.stringify(e.value));
                console.log("被点击下标: " + JSON.stringify(e.index));
                console.log('=== onclick end ===');
            },
            change(e){
                console.log('=== change start ===');
                console.log("被拖动行: " + JSON.stringify(e.moveRow));
                console.log('原始下标：',e.index);
                console.log('移动到：',e.moveTo);
                console.log('=== change end ===');
            },
            confirm(e){
                console.log('=== confirm start ===');
                console.log("被拖动行: " + JSON.stringify(e.moveRow));
                console.log('原始下标：',e.index);
                console.log('移动到：',e.moveTo);
                console.log('=== confirm end ===');
            }
        }
    }