小程序实用UI及常见问题解决

小程序自定义城市选择控件

2018-01-17  本文已影响1586人  Frankeen

效果图:

介绍:

对于微信小程序,微信提供了一个滚动选择器和自身的城市滚动选择器,但是开发中难免存在一些自定义的样式,这时候就要自己来定义了。下面我来简单介绍一下怎么自定义:

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一下,欢迎大家吐槽。

上一篇 下一篇

猜你喜欢

热点阅读