小程序自定义城市选择控件
2018-01-16 14:25
232 查看
效果图:
介绍:
对于微信小程序,微信提供了一个滚动选择器和自身的城市滚动选择器,但是开发中难免存在一些自定义的样式,这时候就要自己来定义了。下面我来简单介绍一下怎么自定义:
1,首先微信提供了一个滚动选择器:picker-view,picker-view官方说明: https://mp.weixin.qq.com/debug/wxadoc/dev/component/picker-view.html
2,我们这里是自定义了一个组件,所以需要了解一下微信的自定义组件,自定义组件官方说明: https://mp.weixin.qq.com/debug/wxadoc/dev/framework/custom-component/wxml-wxss.html
3,我们用了两个个picker-view,分别存入省份,城市,这样方便监听省份城市的变化。
深入说明我就不说了,大家自己看源码吧:
git地址:https://github.com/fuxingkai/frankui-weapp,走过路过给个star和fork一下,欢迎大家吐槽。
相关文章推荐
- 小程序自定义日期选择控件
- 小程序自定义组件实现城市选择功能
- [Ext.Net] 1.2.0_在程序集中自定义 TreePanel 控件
- 四种常见的浏览器内核简介----JS城市选择控件
- Flex4 DateField自定义的日期选择控件,可选择时分秒
- JavaScript实现城市选择控件的效果
- DatePicker(日期选择自定义服务器控件)的实现
- 城市选择控件文本框【纯javascript打造】兼容IE6以及以上、谷歌、Firefox
- Ext.Net 1.2.0_在程序集中自定义 TreePanel 控件
- IOS 自定义下拉选择控件
- 微信小程序实战—实现城市列表的选择
- 绚丽的自定义星期选择控件
- Android自定义时间控件不可选择未来时间
- Qt简单编辑--编辑器控件Text Edit程序选择与修改
- javascript 打造城市选择控件,兼容IE6以及以上,谷歌,Firefox
- 写一个类似大众点评的城市选择控件
- 日期选择控件mobiscroll 自定义样式
- Android滚轮时间选择控件(可扩展自定义)
- Javascript 实现城市选择控件
- Android 自定义支持快速搜索筛选的选择控件