找回密码
 立即注册

QQ登录

只需一步,快速开始

[Demo源码] 微信小程序-自定义picker选择器

[复制链接]
查看: 333|回复: 168
最佳答案
0 

6

主题

6

帖子

150

积分

新人求带

积分
150
 楼主| 发表于 2018-12-4 15:21:55 | 显示全部楼层 |阅读模式
6966.gif

原生小程序picker不支持自定义样式,无联动。 该自定组件

  • 支持自定义数据
  • 支持自定义样式
  • 支持传入和返回对象或者基本类型
  • 支持联动(改变父列,子列根据关联自动变化)


使用

直接将picker文件夹拖入工程

在某page的json文件中配置
  1. {
  2.   "usingComponents": {
  3.     "picker": picker.js的相对路径
  4.   }
  5. }
复制代码

在page的wxml文件中使用
  1. <picker
  2.         isShowPicker="{{isShow_02}}"
  3.         bind:sure="sureCallBack_02"
  4.         bind:cancle="cancleCallBack_02"
  5.         scrollType="normal"
  6.         listData="{{listData_02}}"
  7.         indicatorStyle="height:80px"
  8.         maskStyle=""
  9.         titleStyle=""
  10.         sureStyle="color:blue;font-size:16px;"
  11.         cancelStyle="color:red;font-size:16px;"
  12.         chooseItemTextStyle="color:green;"
  13.         pickerHeaderStyle="background:#eee;"
  14.         titleText="自定义标题"
  15.         cancelText="cancle"
  16.         sureText="sure"
  17. ></picker>
复制代码

更多使用方式,可自行参考demo

wxminiprogram-picker-master.zip (40.7 KB, 下载次数: 9)
回复

使用道具 举报

最佳答案
0 

2

主题

841

帖子

1200

积分

专家路上

积分
1200
发表于 2018-12-4 16:29:39 | 显示全部楼层
fsdfsdfsdfsdf
回复 支持 反对

使用道具 举报

最佳答案
0 

2

主题

841

帖子

1200

积分

专家路上

积分
1200
发表于 2018-12-4 16:29:49 | 显示全部楼层
fsdfsdfsdfsdf
回复 支持 反对

使用道具 举报

最佳答案
0 

2

主题

841

帖子

1200

积分

专家路上

积分
1200
发表于 2018-12-4 16:29:53 | 显示全部楼层
fsdfsdfsdfsdf
回复 支持 反对

使用道具 举报

最佳答案
0 

2

主题

841

帖子

1200

积分

专家路上

积分
1200
发表于 2018-12-4 16:29:55 | 显示全部楼层
fsdfsdfsdfsdf
回复 支持 反对

使用道具 举报

最佳答案
0 

2

主题

841

帖子

1200

积分

专家路上

积分
1200
发表于 2018-12-4 16:29:58 | 显示全部楼层
fsdfsdfsdfsdf
回复 支持 反对

使用道具 举报

最佳答案
0 

2

主题

841

帖子

1200

积分

专家路上

积分
1200
发表于 2018-12-4 16:30:00 | 显示全部楼层
fsdfsdfsdfsdf
回复 支持 反对

使用道具 举报

最佳答案
0 

2

主题

841

帖子

1200

积分

专家路上

积分
1200
发表于 2018-12-4 16:30:03 | 显示全部楼层
fsdfsdfsdfsdf
回复 支持 反对

使用道具 举报

最佳答案
0 

2

主题

841

帖子

1200

积分

专家路上

积分
1200
发表于 2018-12-4 16:30:05 | 显示全部楼层
fsdfsdfsdfsdf
回复 支持 反对

使用道具 举报

最佳答案
0 

2

主题

841

帖子

1200

积分

专家路上

积分
1200
发表于 2018-12-4 16:30:07 | 显示全部楼层
fsdfsdfsdfsdf
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则



www.henkuai.com—微信开发者的分享交流平台,专注微信开发生态。

天津市滨海新区
中新生态城中成大道生态建设公寓9号楼3层301

微信公众号

广告推广
QQ:805874290

市场合作
zhongcong@henkuai.com