wxc-sortdrop

sortdrop - 小程序组件

Usage no npm install needed!

<script type="module">
  import wxcSortdrop from 'https://cdn.skypack.dev/wxc-sortdrop';
</script>

README

wxc-sortdrop

sortdrop - 小程序组件

Install

$ min install wxc-sortdrop

注意事项

该组件的在微信SDK1.9.90以上，可以使用外置样式，在SDK1.9.90以下，只能使用默认样式，因此在SDK1.9.90以下使用自定义样式，需要手动修改组件中*-default的wxss样式内容。

在src/pages/sortdrop中有详细的使用示例

API

Sortdrop

属性

名称 描述
items Array, 需要拖放排序的item数组，目前支持图片和文字样式，因此每一个item都必须有text或者image属性,item的disabled属性为true时，该item将无法被拖放,如果item的initIndex属性被正确设置，那么这个组件还将永远固定位置
multiLine String, 排序组件是否是多行的,'true'代表是,'false'代表不是
direction Number, 排序的方向，0代表水平方向，1代表竖直方向
itemWidth Number, 每一个待排序组件的宽
itemHeight Number, 每一个待排序组件的高
itemMargin Number, 每一个待排序组件之间的间隔
area-class style, 在SDK1.9.90以上支持自定义样式,该样式是整个排序区域的
item-class style, 在SDK1.9.90以上支持自定义样式，该样式是单个排序组件的
img-class style, 在SDK1.9.90以上支持自定义样式，该样式是排序组件的图片的
text-class style, 在SDK1.9.90以上支持自定义样式，该样式是排序组件中的文字的
highlightIndex Number, 高亮的索引
highlightColor String, 高亮的颜色
autoHeight Number, 是否自动设置高度, 0否，1是

方法

无

事件

名称 描述
sorted 每一次拖放排序后的回调，会返回出排好序的items
selected 点击到item时，会返回选中的item索引

ChangeLog

v1.0.5（2018-7-27）

增加item的disabled属性 修改高亮的效果 增加自动高度

v1.0.0（2018-7-25）

  • 初始版本