更新记录

1.0.0(2019-08-14)

多宫格视图可配置 拖拽顺序 (目前h5 四列有点bug)

1.引用组件

   import bwDragSort from '@/wxcomponents/bw-drag-sort/bw-drag-sort.vue'

2.注册组件

~~~javascript
    components:{
        bwDragSort
    }
~~~

template 使用

    <bw-drag-sort style="width:100%" :list="listImg">
        <template v-slot="{mydata,index}" >  <!-- mydata 每个item数据  index 当前排序后的索引 -->
            <image style="width:100%;height:100%"  :src="mydata" mode="aspectFit" @tap="click(index)"></image>
        </template>
    </bw-drag-sort>

3.参数

~~~javacript
{
    autoHeight:{  // 设置ture  和  rowNum  求最大值
        type:Boolean,
        default:true
    },
    rowNum:{
        type:Number, // 行数
        default:5
    },
    colNum:{
        type:Number,  // 列数  目前h4 4列有bug
        default:3
    },
  list: {
    type: Array,
    default: () => {
      return ['A1','A2','A3','A4','A5','A6','A7','A8','A9','A10','A11','A12','A13','A14','A15']
    }
  },
  isDel:{
        type:Boolean,
        default:true
    }
}
~~~

4.方法

    @change 返回改变顺序的数据
    @del   返回删除的索引值

平台兼容性

小程序自定义组件的通用使用方式详见:uni-app中使用小程序自定义组件教程


多宫格视图可配置 拖拽顺序 (目前h5 四列有点bug)

1.引用组件

   import bwDragSort from '@/wxcomponents/bw-drag-sort/bw-drag-sort.vue'

2.注册组件

    components:{
        bwDragSort
    }

template 使用

    <bw-drag-sort style="width:100%" :list="listImg">
        <template v-slot="{mydata,index}" >  <!-- mydata 每个item数据  index 当前排序后的索引 -->
            <image style="width:100%;height:100%"  :src="mydata" mode="aspectFit" @tap="click(index)"></image>
        </template>
    </bw-drag-sort>

3.参数

```javacript
{
    autoHeight:{  // 设置ture  和  rowNum  求最大值
        type:Boolean,
        default:true
    },
    rowNum:{
        type:Number, // 行数
        default:5
    },
    colNum:{
        type:Number,  // 列数  目前h4 4列有bug
        default:3
    },
  list: {
    type: Array,
    default: () => {
      return ['A1','A2','A3','A4','A5','A6','A7','A8','A9','A10','A11','A12','A13','A14','A15']
    }
  },
  isDel:{
        type:Boolean,
        default:true
    }
}
```

4.方法

    @change 返回改变顺序的数据
    @del   返回删除的索引值

隐私、权限声明

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

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

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

许可协议

MIT协议

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