1. 程式人生 > >小程式自定義城市選擇控制元件

小程式自定義城市選擇控制元件

效果圖:

介紹: 對於微信小程式,微信提供了一個滾動選擇器和自身的城市滾動選擇器,但是開發中難免存在一些自定義的樣式,這時候就要自己來定義了。下面我來簡單介紹一下怎麼自定義: 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一下,歡迎大家吐槽。