更新记录

1.0.0(2023-05-22) 下载此版本

1.0.0


平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
app-vue app-nvue
钉钉小程序 快手小程序 飞书小程序 京东小程序
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari

l-dragSort

目前仅微信小程序能用

使用方法

配置easycom规则后,自动按需引入,无需import组件,直接引用即可。

<template>
    <l-dragSort :list="list" @change="change"></l-dragSort>
</template>

<script>
    export default {
        data(){
            return{
                list: [{
                        leftIcon: '/static/money.png',
                        name: '账户余额',
                        rightIcon: '/static/drag.png'
                    },
                    {
                        leftIcon: '/static/ny.png',
                        name: '农业银行',
                        rightIcon: '/static/drag.png'
                    },
                    {
                        leftIcon: '/static/gs.png',
                        name: '工商银行',
                        rightIcon: '/static/drag.png'
                    },
                    {
                        leftIcon: '/static/js.png',
                        name: '建设银行',
                        rightIcon: '/static/drag.png'
                    },
                ]
            }
        },
        methods:{
            change(e){
                console.log(e)
            }
        }
    };
</script>

组件属性

属性 类型 默认值 说明
list Array [] 列表
lineHeight Number 80 列表每行高度

组件事件

名称 触发时机
change 拖动结束 返回排序后的数组

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问