diff --git a/src/apps/AppEpidemicSituation/BackUserList.vue b/src/apps/AppEpidemicSituation/BackUserList.vue
index 180aaff8..52173278 100644
--- a/src/apps/AppEpidemicSituation/BackUserList.vue
+++ b/src/apps/AppEpidemicSituation/BackUserList.vue
@@ -21,7 +21,7 @@
       </div>
       <div class="search">
         <div class="left">
-          <AiAreaPicker v-model="areaId" :areaId="user.areaId" @select="areaSelect" :name.sync="areaName" style="color: #666">
+          <AiAreaPicker v-model="areaId" :areaId="user.areaId" @select="areaSelect" :name.sync="areaName" style="color: #666" selectRoot>
             <u-icon name="map-fill" color="#3192F4" size="20px" style="vertical-align: text-bottom"></u-icon>
             <span style="margin-left: 4px" v-if="areaName">{{ areaName }}</span>
             <span v-else>请选择</span>
diff --git a/src/apps/AppMailList/AppMailList.vue b/src/apps/AppMailList/AppMailList.vue
index 2bde57a1..89072a10 100644
--- a/src/apps/AppMailList/AppMailList.vue
+++ b/src/apps/AppMailList/AppMailList.vue
@@ -11,7 +11,7 @@
       </div> -->
       <div class="currentLeft-top">
         <div class="left">
-          <AiAreaPicker v-model="areaId" :areaId="user.areaId" @select="areaSelect" :name.sync="areaName">
+          <AiAreaPicker v-model="areaId" :areaId="user.areaId" @select="areaSelect" :name.sync="areaName" selectRoot>
             <span class="label" v-if="areaName">{{ areaName }}</span>
             <span v-else>请选择</span>
             <u-icon name="arrow-down" color="#666" size="24" style="margin-left: 4px" />
diff --git a/src/apps/AppMailList/add.vue b/src/apps/AppMailList/add.vue
index 09e0a27c..0cd5156e 100644
--- a/src/apps/AppMailList/add.vue
+++ b/src/apps/AppMailList/add.vue
@@ -30,7 +30,7 @@
       <div class="item">
         <span class="label"><span class="tips">*</span>地区</span>
         <div class="value">
-          <AiAreaPicker :areaId="user.areaId" v-model="userInfo.areaId" :name.sync="userInfo.areaName" @select="areaSelect">
+          <AiAreaPicker :areaId="user.areaId" v-model="userInfo.areaId" :name.sync="userInfo.areaName" @select="areaSelect" selectRoot>
             <span class="label" v-if="userInfo.areaName">{{ userInfo.areaName }}</span>
             <span v-else class="color-999">请选择</span>
             <u-icon name="arrow-right" color="#cccccc" size="14"></u-icon>
@@ -39,7 +39,7 @@
       </div>
     </div>
 
-    
+
     <div class="footer" @click="submit">
       <div class="btn">保存</div>
     </div>
@@ -69,9 +69,9 @@ export default {
     }
   },
   computed: { ...mapState(['user']) },
-  onLoad(option) {  
-    this.userInfo.areaId = this.user.areaId  
-    this.userInfo.areaName = this.user.areaName  
+  onLoad(option) {
+    this.userInfo.areaId = this.user.areaId
+    this.userInfo.areaName = this.user.areaName
     this.$dict.load('yesOrNo').then(() => {
       if(option.id) {
         this.userInfo.id = option.id
@@ -188,4 +188,4 @@ export default {
     background-color: #fff;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/apps/AppResidentActivitie/Add.vue b/src/apps/AppResidentActivitie/Add.vue
index 4c541111..786d905b 100644
--- a/src/apps/AppResidentActivitie/Add.vue
+++ b/src/apps/AppResidentActivitie/Add.vue
@@ -20,7 +20,7 @@
         <div class="line"></div>
 
         <u-form-item label="发布地区" prop="areaId" required :border-bottom="false" right-icon="arrow-right" class="addresss">
-          <AiAreaPicker v-model="forms.areaId" :areaId="user.areaId" @select="areaSelect" style="color: #333"> </AiAreaPicker>
+          <AiAreaPicker v-model="forms.areaId" :areaId="user.areaId" @select="areaSelect" style="color: #333" selectRoot> </AiAreaPicker>
         </u-form-item>
 
         <div class="line"></div>
diff --git a/src/apps/AppServicePublic/Add.vue b/src/apps/AppServicePublic/Add.vue
index 10fd7b55..f9e42657 100644
--- a/src/apps/AppServicePublic/Add.vue
+++ b/src/apps/AppServicePublic/Add.vue
@@ -20,7 +20,7 @@
 
         <u-form-item label="发布地区" prop="areaId" required>
           <div class="right">
-            <AiAreaPicker :value="forms.areaId" :areaId="user.areaId" @select="areaSelect"></AiAreaPicker>
+            <AiAreaPicker :value="forms.areaId" :areaId="user.areaId" @select="areaSelect" selectRoot></AiAreaPicker>
             <u-icon name="arrow-right" color="#CCCCCC" class="right-icon area-right-icon"></u-icon>
           </div>
         </u-form-item>
diff --git a/src/apps/AppServicePublic/AppServicePublic.vue b/src/apps/AppServicePublic/AppServicePublic.vue
index 08092756..cdb9b683 100644
--- a/src/apps/AppServicePublic/AppServicePublic.vue
+++ b/src/apps/AppServicePublic/AppServicePublic.vue
@@ -8,7 +8,7 @@
     </AiTopFixed>
     <div class="header-top">
       <div>区域选择</div>
-      <AiAreaPicker v-model="areaId" :areaId="user.areaId" @select="areaSelect" :name.sync="areaName">
+      <AiAreaPicker v-model="areaId" :areaId="user.areaId" @select="areaSelect" :name.sync="areaName" selectRoot>
         <span class="label" v-if="areaName">{{ areaName }}</span>
         <span v-else>请选择</span>
         <u-icon name="arrow-right" color="#666" size="24" style="margin-left:4px;" />
diff --git a/src/apps/AppSuperMarket/AppSuperMarket.vue b/src/apps/AppSuperMarket/AppSuperMarket.vue
index 7bbc82e8..62011d8f 100644
--- a/src/apps/AppSuperMarket/AppSuperMarket.vue
+++ b/src/apps/AppSuperMarket/AppSuperMarket.vue
@@ -11,7 +11,7 @@
       </div> -->
       <div class="header-top">
         <div>区域选择</div>
-        <AiAreaPicker v-model="areaId" :areaId="user.areaId" @select="areaSelect" :name.sync="areaName">
+        <AiAreaPicker v-model="areaId" :areaId="user.areaId" @select="areaSelect" :name.sync="areaName" selectRoot>
           <span class="label" v-if="areaName">{{ areaName }}</span>
           <span v-else>请选择</span>
           <u-icon name="arrow-right" color="#666" size="24" style="margin-left:4px;" />
@@ -447,7 +447,6 @@ export default {
               font-size: 24rpx;
               font-family: PingFangSC-Medium, PingFang SC;
               font-weight: 500;
-              color: #fa4a51;
               line-height: 34rpx;
               .num {
                 font-size: 40rpx;
@@ -465,4 +464,4 @@ export default {
   i{
     font-style: normal;
   }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/apps/AppVillagersCircle/infoList.vue b/src/apps/AppVillagersCircle/infoList.vue
index c3822e08..dff3eac3 100644
--- a/src/apps/AppVillagersCircle/infoList.vue
+++ b/src/apps/AppVillagersCircle/infoList.vue
@@ -5,7 +5,7 @@
       <div class="area">
         <div>区域选择</div>
         <div>
-          <AiAreaPicker v-model="areaId" :areaId="user.areaId" @select="changeArea" :name.sync="areaName">
+          <AiAreaPicker v-model="areaId" :areaId="user.areaId" @select="changeArea" :name.sync="areaName" selectRoot>
             <span style="margin-left: 4px" v-if="areaName">{{ areaName }}</span>
             <span v-else>请选择</span>
             <u-icon name="arrow-right" color="#666" size="28" style="margin-left: 4px" />
@@ -134,9 +134,9 @@ export default {
 .infoList {
   .area {
     display:flex;
-    justify-content:space-between; 
+    justify-content:space-between;
     padding: 0 30px;
-    height: 100px; 
+    height: 100px;
     line-height: 100px;
     background: #FFFF;
   }
@@ -215,7 +215,7 @@ export default {
     .card-item {
       margin-top: 24px;
       background-color: #FFFFFF;
-      box-shadow: 0px 0px 16px 16px rgba(0, 0, 0, 0.04);
+      box-shadow: 0 0 16px 16px rgba(0, 0, 0, 0.04);
       border-radius: 16px;
       padding: 30px 32px 20px 32px;