0.1.3 • Published 1 year ago

wx-drag-img v0.1.3

Weekly downloads
-
License
MIT
Repository
github
Last release
1 year ago

wx-drag-img是基于微信小程序原生语法的图片拖拽排序组件
npm.io

使用组件

  1. 通过npm安装:npm i wx-drag-img
  2. 点击微信开发者工具 -> 工具 -> 构建npm
  3. 修改页面json文件
    {
      "usingComponents": {
        "WxDragImg": "wx-drag-img"
      }
    }
  4. 接着就可以在wxml中直接使用组件
    <WxDragImg
      defaultImgList="{{imgList}}"
      bind:updateImageList="updateImageList"
    >
      <view slot="upload" >...</view>
    </WxDragImg>

example

git clone https://github.com/LHRUN/wx-drag-img.git
pnpm install
pnpm run example

然后用微信开发者工具代码片段导入example文件夹

API

Props

参数说明类型默认值
previewSize图片大小,单位pxNumber100
defaultImgList初始化图片src数组,用于回显Array[]
maxCount图片上传数量限制Number9
columns列数Number3
gap图片间隔,单位pxNumber9
deleteStyle右上角删除样式style string''

Slot

名称说明
upload图片上传区域

Event

名称说明回调参数
bind:updateImageList图片数组新增、删除、拖拽后event.detail.list:更新后的图片数组
0.1.3

1 year ago

0.1.2

2 years ago

0.1.1

2 years ago

0.1.0

2 years ago