更新记录

0.0.5(2020-07-27)

更新版本

0.0.4(2020-07-27)

  • 修复wxs的报错 感谢@zsb反馈
查看更多

组件说明

  • 看图,这是一个传入列表数据会生成一个可拖动排序列表的组件,说得详细点,这是一个拖动排序组件。
  • 拖动会有触感反馈,如果设备支持的话。
  • 组件需要使用v3编译器,并且使用了wxs,兼容APP-VUE、H5、MP-WEIXIN,其他端未做兼容,不支持。
  • 行高修改,请修改组件css的$row-Height,和wxs文件的row_Height
  • 下载示例并运行,你的很多疑问或得到答案。

使用说明

    import dragSorts from '@/components/HM-dragSorts/HM-dragSorts.vue'
    export default {
        components: {
            'HM-dragSorts':dragSorts
        },
        data() {
            return {
                list:list //传入列表数据
            }
        }
    }

在 template 中使用组件

<HM-dragSorts :list="list" @onclick="onclick" @confirm="confirm"></HM-dragSorts>

属性说明

属性名 类型 说明
list Object 必选,列表数据,数据格式请下载示例查看
@onclick EventHandle 点击行,会触发onclick事件,event = {index,value},index-被点击行下标,value-被点击行数据。
@confirm EventHandle 调整顺序后,触发confirm事件,event = {list}

传入数据格式等更多的说明请下载示例查看,有示例对照注释更容易明白。

偷偷的打广告

定制模板,开发uniapp、H5+APP、wap2app、PHP,付费咨询指导,有需要加QQ。

QQ:565766672 (刮刮卡)

隐私、权限声明

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

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

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

许可协议

MIT协议

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