From 30cb50fa6c80e7458973eb97e2c8a8805d3cce41 Mon Sep 17 00:00:00 2001 From: aidy-automan <740181015@qq.com> Date: Tue, 20 Aug 2019 10:37:20 +0800 Subject: [PATCH] update doc --- README.md | 35 +++++++++++++++++++++++++++++++++++ i/1.png | Bin 0 -> 7101 bytes 2 files changed, 35 insertions(+) create mode 100644 i/1.png diff --git a/README.md b/README.md index c92c721..37cba92 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,37 @@ # mobile-picker.js 移动端滚轮组件 - mobile picker + +## 基础用法 +``` +var datalist = [['item-1','item-2','item-3'],['item-4','item-5','item-6']]; +const picker = zfui.picker(); +picker.renderNormal([0, 0], datalist); +``` + +## 更新轮子 +``` +picker.updatePicker(1, ['item-2','item-2','item-3']); +``` + +## 事件监听 +``` +// 监听,点击确定按钮时触发 +picker.event('onClose', res=>{ + console.log(res); +}); + +// 监听,轮子滚动结束时触发 +picker.event('onMoveEnd', res=>{ + console.log(res); +}); +``` + +## picker属性 +| 属性 | 类型 | 默认值 | 必填 | 说明 | +| ---- | ---- | ------ | ---- | ---- | +| renderNormal | Array,Array | [],[] | 是,是 | param1:默认显示的行,param2中显示的数据 | +| updatePicker | Int,Array | 无,无 | 是,是 | param1:轮子的列数,param2需替换的数据 | +| event | eventhandle | 无,无 | 是,是 | 可选onClose,onMoveEnd | + +## 效果图 +![链接](./i/1.png) diff --git a/i/1.png b/i/1.png new file mode 100644 index 0000000000000000000000000000000000000000..cb06b5bc1c0a033988947fe261bbb55b900ba0bd GIT binary patch literal 7101 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 OJs-rs&)Rw7^nU|Lx9@NO literal 0 HcmV?d00001