样式调整

src/apps/AppHelpDeclaration/list.vue

@@ -5,7 +5,7 @@
         <div class="item" :class="tabIndex == index ? 'active' : ''" v-for="(item, index) in tabs" :key="index" @click="tabClick(index)">{{item}}<span></span></div>
       </div>
       <div class="select-box">
-        <div class="left" style="display: flex;">
+        <div class="left">
           <!--  :areaId="user.areaId" @select="areaSelect" select-root -->
           <AiAreaPicker v-model="areaId" :name.sync="areaName">
             <div>
@@ -14,15 +14,15 @@
               <u-icon name="arrow-down" color="#999" size="24" style="margin-left: 4px;width: 14px;display:inline-block;margin-top:18px" @select="areaSelect(e)"></u-icon>
             </div>
           </AiAreaPicker>
-          <u-icon name="close-circle" v-if="areaId" @click="clearArea" color="#999" size="24" style="margin-left: 4px;width: 14px;display:inline-block;margin-top:18px"></u-icon>
+          <u-icon name="close-circle" v-if="areaId" @click="clearArea" color="#999" size="24" style="margin-left: 4px;width: 14px;display:inline-block;"></u-icon>
         </div>
-        <div class="right" style="display: flex;">
+        <div class="right">
           <AiSelect dict="helpDeclarationReason" v-model="declareReason" >
             <span v-if="!declareReason" style="color: #999;">风险类型</span>
             <span v-else>{{ $dict.getLabel('helpDeclarationReason', declareReason) }}</span>
             <u-icon name="arrow-down" color="#999" size="24" style="margin-left: 4px;width: 14px;display:inline-block;"></u-icon>
           </AiSelect>
-          <u-icon name="close-circle" v-if="declareReason" @click="clearReason" color="#999" size="24" style="margin-left: 4px;width: 14px;"></u-icon>
+          <u-icon name="close-circle" v-if="declareReason" @click="clearReason" color="#999" size="24" style="margin-left: 4px;width: 14px; display:inline-block;"></u-icon>
         </div>
       </div>
     </AiTopFixed>
@@ -81,14 +81,15 @@ export default {
     },
 
     clearArea() {
-      this.declareReason = '',
+      this.areaId = '',
+      this.areaName = '',
       this.current = 1,
       this.list = [],
       this.getList()
     },
 
     clearReason() {
-      this.areaId = '',
+      this.declareReason = '',
       this.current = 1,
       this.list = [],
       this.getList()
@@ -130,6 +131,9 @@ export default {
   ::v-deep .AiTopFixed .content {
     padding: 0;
   }
+  ::v-deep .AiSelect .display{
+    justify-content: center;
+  }
 
   .tab-select {
     width: 100%;
@@ -173,6 +177,11 @@ export default {
       flex: 1;
       text-align: center !important;
       font-size: 28px;
+
+      ::v-deep .u-icon .uicon-close-circle{
+        top: -96px !important;
+        left: 80px;
+      }
     }
   }