省市级联和样式优化之极速微信小程序开发，第二天

话说昨天已经把大概界面模型搞定了，今天的小目标就是把界面的表单搞定。

首先要做就是地区，其它文本框制作还算简单
关于地区这块，第一次的需求是自动获取地理位置，后面客户提了修改，当时考虑还没有开发，我就应下来了，后面才知道，自动定位这个比较简单，手工选择省份，市地区相对来说开发难度大点
关于省份数据，我优先想到的是调用人家的API，可是找了几个都不是特别满意，先留着吧。
先把级联选择的效果开发好，查了下文档，原生的就只有picker可以做到，分三步走
第一步，把picker案例代码拷贝进去，先试试效果
第二步，给picker的数组赋值，并且修改索引值，看效果
界面里面可以使用以下代码，直是方便，灵活
{{provicyData[provicyDataIndex]}}
第三步，接了API数据，Change事件编写
接着后面的市区，地区照以上2，3步骤实现。别忘了给Page的data添加市区数组，市区名称，市区索引，地区数组，地区名称，地区索引。索引的作用是用来从数组取出具体的地区值。

本次项目中最复杂的功能已经完成，接下来优化样式了。当时我以为不能直接在view上面写style，也还不会调试，好伤心。都是每改一个，看一下效果，效率可想而知。这时想着去网上down一个好点案例，或者github找找
只有在碰到问题时候才能激发这样的活力，还真找到了，找了个金融的，样式效果还不错，还带了调用api的部分实现，后面我要调用api，可以参考了。看完这个down的项目，我写起样式就轻松很多了，也学习了人家优点，把公共的样式抽取出来，在要使用的地方导入。能想象的到后面的验证页面，我可以直接写功能，不要关心样式的问题了。
以下是文件抽取出的样式文件，一目了然
btn.wxss
flex.wxss
title.wxss
app.wxss（这个是全局的）

我看到他们js也和样式同样做法，这时地区的源数据还没有搞定，现在回头过去把他搞定，找了一个qq的，把他整个js down下来，把我用不到的js删除后，暴露出获取省份，获取市级，获取地区的方法，不然在页面层的js调用不到。

module.exports = {
preselect: preselect,
change: change
}

>>>http://www.dayuji1000.com/news/941.html

想要地址和做法的，可以留言，大伙可以一起交流下