NutUI 官网的省市区只是一个DEMO, 需要结合后端省市区的行政数据来实现。最近在Taro NutUI 多端框架开发小程序的过程中,结合自己的个人经验,把源码和心得分享一下。
先看一下效果,再谈具体的设计及实现。
第一步: 在需要展示行政区的地方将地址组件(组件的形式引入),如下图:
第二步: 点击后弹出地址选择组件。
第三步: 选择省, 展出省下面的所有的市列表。如下图:
第四步: 选择市,展出所有的乡镇列表:
怎么样,效果还是杠杠的吧?
NutUI 官网的省市区只是一个DEMO, 需要结合后端省市区的行政数据来实现。最近在Taro NutUI 多端框架开发小程序的过程中,结合自己的个人经验,把源码和心得分享一下。
先看一下效果,再谈具体的设计及实现。
第一步: 在需要展示行政区的地方将地址组件(组件的形式引入),如下图:
第二步: 点击后弹出地址选择组件。
第三步: 选择省, 展出省下面的所有的市列表。如下图:
第四步: 选择市,展出所有的乡镇列表:
怎么样,效果还是杠杠的吧?