地区组件完全重构兼容苹果版本

src/apps/AppCountryAlbum/AppCountryAlbum.vue

@@ -3,11 +3,11 @@
     <div class="list">
       <AiTopFixed>
         <div class="area-content">
-          <AiAreaPicker :areaId="user.areaId" :value="areaId" @select="areaSelect" :name.sync="areaName">
-            <img src="./img/local-icon.png" alt="">
-            <span class="label" v-if="areaName">{{ areaName }}</span>
-            <span v-else>请选择</span>
-            <u-icon name="arrow-down" color="#666" size="24"/>
+          <AiAreaPicker v-model="areaId" :name.sync="areaName">
+            <div flex>
+              <img src="./img/local-icon.png" alt="">
+              <AiMore v-model="areaName" icon="arrow-down"/>
+            </div>
           </AiAreaPicker>
         </div>
       </AiTopFixed>
@@ -38,18 +38,16 @@ export default {
     }
   },
   computed: {...mapState(['user'])},
-  onShow() {
+  created() {
     this.areaId = this.user.areaId
     this.areaName = this.user.areaName
+  },
+  onShow() {
     this.getList()
     this.cdn = this.$cdn.replace("/dvcp/h5", "");
     document.title = '乡村相册'
   },
   methods: {
-    areaSelect(e) {
-      this.areaId = e
-      this.getList()
-    },
     getList() {
       this.$http.post(`/app/appvillagepicturealbum/queryAlbumMenu`, null, {
         params: {