下拉框样式优化

src/components/app-mob-select/app-mob-select.less

@@ -2,7 +2,7 @@
   width: 100%;
   ion-icon{
     position: absolute;
-    right: 32px;
+    right: 10px;
     bottom: 12px;
     z-index: 2;
   }
@@ -12,6 +12,24 @@
   }
   ion-select::part(text) {
     text-align: right;
-    padding-right: 17px;
+    padding-right: 8px;
+  }
+  ion-select::part(icon) {
+    display: none;
+ 
+  }
+  .ion-select-icon{
+    right: 14px;
+    top: 50%;
+    margin-top: -3px;
+    position: absolute;
+    width: 0px;
+    height: 0px;
+    color: currentcolor;
+    pointer-events: none;
+    border-top: 5px solid;
+    border-right: 5px solid transparent;
+    border-left: 5px solid transparent;
+    color: #615e5ec4;
   }
 }
\ No newline at end of file

src/components/app-mob-select/app-mob-select.vue

 <template>
-    <div v-if="overload" class="app-mobile-select">
+    <div v-if="overload" class="app-mobile-select"  >
         <ion-icon v-if="curValue" name="close-circle-outline" @click="clear"></ion-icon>
+        <div v-if="curValue== null || curValue==''" class="ion-select-icon"></div>
         <ion-select  :value="curValue" :disabled="disabled ? disabled : false" @ionChange="change" interface="action-sheet" @click="load" :cancel-text="$t('app.button.cancel')">
               <template v-if="codeListType == 'DYNAMIC'">
                 <ion-select-option  v-for="option of options" :key="option.value" :value="option.value" class="mob-select-text">{{($t('userCustom.'+tag+'.'+option.value)!== ('userCustom.'+tag+'.'+option.value))?$t('userCustom.'+tag+'.'+option.value) : option.text}}</ion-select-option>
@@ -180,6 +181,7 @@ export default class AppSelect extends Vue {
         } else {
             this.load();
         }
+        this.showIcon();
     }
 
     /**
@@ -237,6 +239,7 @@ export default class AppSelect extends Vue {
         arg.param = param;
         return true;
     }
+
 }
 </script>