给地址选择增加一个小箭头

pages/address/address.js

@@ -64,7 +64,7 @@ Page({
   },
 
   onLoad (params) {
-    var currentDistrict = wx.getStorageSync('currentDistrict') || [0, 0, 0]
+    var currentDistrict = wx.getStorageSync('currentDistrict') || [1, 0, 0]
     var arrayProvince = district.provinces()
     var arrayCity     = district.cities(arrayProvince[currentDistrict[0]])
     var arrayCounty   = district.counties(arrayProvince[currentDistrict[0]], arrayCity[currentDistrict[1]])

pages/address/address.wxml

@@ -2,8 +2,9 @@
   <view class="section">
     <view class="section__title">省：</view>
     <picker bindchange="bindChangeProvince" value="{{indexProvince}}" range="{{arrayProvince}}">
-      <view class="picker">
-        {{arrayProvince[indexProvince]}}
+      <view class="picker-view">
+        <view><text>{{arrayProvince[indexProvince]}}</text></view>
+        <view><image class="select-icon" src="../../images/select.png"></image></view>
       </view>
     </picker>
   </view>
@@ -11,8 +12,9 @@
   <view class="section">
     <view class="section__title">市：</view>
     <picker bindchange="bindChangeCity" value="{{indexCity}}" range="{{arrayCity}}">
-      <view class="picker">
-        {{arrayCity[indexCity]}}
+      <view class="picker-view">
+        <view><text>{{arrayCity[indexCity]}}</text></view>
+        <view><image class="select-icon" src="../../images/select.png"></image></view>
       </view>
     </picker>
   </view>
@@ -20,8 +22,9 @@
   <view  class="section">
     <view class="section__title">区/县：</view>
     <picker bindchange="bindChangeCounty" value="{{indexCounty}}" range="{{arrayCounty}}">
-      <view class="picker">
-        {{arrayCounty[indexCounty]}}
+      <view class="picker-view">
+        <view><text>{{arrayCounty[indexCounty]}}</text></view>
+        <view><image class="select-icon" src="../../images/select.png"></image></view>
       </view>
     </picker>
   </view>

pages/address/address.wxss

@@ -19,10 +19,15 @@
 }
 
 picker {
+}
+
+.picker-view {
   border: 1rpx solid lightgrey;
+  display: flex;
+  flex-direction: row;
   padding: 15rpx;
   width: 440rpx;
-  text-align: center;
+  justify-content: space-between;
 }
 
 .detail-address {
@@ -37,4 +42,9 @@ picker {
   margin: 15rpx;
   padding: 15rpx;
   border: 1rpx solid lightgrey;
+}
+
+.select-icon {
+  height: 20rpx;
+  width: 34rpx;
 }