From 09c4901cfc6d39fa282226484cb784c3351f9657 Mon Sep 17 00:00:00 2001
From: pangxie1991 <chenyao1102@gmail.com>
Date: Sat, 4 Feb 2017 16:58:11 +0800
Subject: [PATCH] =?UTF-8?q?example/form=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/form/index.js   | 13 ++++++++++---
 example/form/index.wxml | 15 ++++++++++++++-
 2 files changed, 24 insertions(+), 4 deletions(-)

diff --git a/example/form/index.js b/example/form/index.js
index 99e7458d..e608dcfc 100644
--- a/example/form/index.js
+++ b/example/form/index.js
@@ -1,13 +1,20 @@
-var app = getApp()
 
 Page({
   data: {
+    area: ['省份', '北京市', '天津市', '河北省', '山西省', '内蒙古自治区', '辽宁省', '吉林省', '黑龙江省', '上海市', '江苏省', '浙江省', '安徽省', '福建省', '江西省', '山东省', '河南省', '湖北省', '湖南省', '广东省', '广西壮族自治区', '海南省', '重庆市', '四川省', '贵州省', '云南省', '西藏自治区', '陕西省', '甘肃省', '青海省', '宁夏回族自治区', '新疆维吾尔自治区', '台湾省', '香港特别行政区', '澳门特别行政区'],
+    areaIndex: 0
   },
 
   onLoad: function () {
 
   },
 
-  onShow: function() {
+  onShow: function () {
   },
-})
+
+  onAreaChange: function (e) {
+    this.setData({
+      areaIndex: e.detail.value
+    });
+  }
+});
diff --git a/example/form/index.wxml b/example/form/index.wxml
index 47c5b94f..18aebb49 100644
--- a/example/form/index.wxml
+++ b/example/form/index.wxml
@@ -10,7 +10,7 @@
         placeholder="名字"
       />
     </view>
-    <view class="zui-cell zui-form__item zui-cell--last-child">
+    <view class="zui-cell zui-form__item">
       <text class="zui-form__title">联系电话</text>
       <input
         class="zui-form__input zui-cell__bd"
@@ -19,6 +19,19 @@
         placeholder="手机或固定电话"
       />
     </view>
+    <view class="zui-cell zui-form__item zui-cell--last-child">
+      <text class="zui-form__title">选择区域</text>
+      <view class="zui-form__input zui-cell__bd">
+        <picker
+          mode="selector"
+          range="{{ area }}"
+          value="{{ areaIndex }}"
+          bindchange="onAreaChange"
+        >
+          {{ area[areaIndex] }}
+        </picker>
+      </view>
+    </view>
   </view>
 
 </view>