bug

src/apps/AppMailList/AppMailList.vue

@@ -1,12 +1,12 @@
 <template>
   <div class="AppMailList">
     <AiTopFixed>
-      <div class="area-content">
-        <AiAreaPicker :areaId="user.areaId" :value="areaId" @select="areaSelect" :name.sync="areaName">
-          <img src="./img/local-icon.png" alt="">
+      <div class="header-top">
+        <div>区域选择</div>
+        <AiAreaPicker v-model="areaId" :areaId="user.areaId" @select="areaSelect" :name.sync="areaName">
           <span class="label" v-if="areaName">{{ areaName }}</span>
           <span v-else>请选择</span>
-          <u-icon name="arrow-down" color="#666" size="24"/>
+          <u-icon name="arrow-right" color="#666" size="24" style="margin-left:4px;" />
         </AiAreaPicker>
       </div>
     </AiTopFixed>
@@ -110,19 +110,12 @@ export default {
   ::v-deep .fixed{
     z-index: 9999;
   }
-  .area-content {
-    width: 100%;
-    line-height: 64px;
-
-    img {
-      width: 42px;
-      vertical-align: middle;
-      margin-right: 16px;
-    }
-
-    .u-icon {
-      margin-left: 6px;
-    }
+  .header-top {
+    display: flex;
+    background: #fff;
+    justify-content: space-between;
+    align-items: center;
+    padding-top: 16px;
   }
   // background-color: #F3F6F9;
   .list-content{