下拉选择样式清空样式 --fix2 解决ionic下拉框点击事件bug --fix1

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

 .app-mobile-select {
   width: 100%;
   .cancel-icon {
-    width: 12px;
-    height: 12px;
+    width: 16px;
+    height: 16px;
     background-color: #fcfcfc;
     position: absolute;
-    right: 15px;
-    bottom: 15px;
-    z-index: 9999;
+    right: 12px;
+    top: 50%;
+    transform: translateY(-50%);
+    z-index: 9998;
     display: flex;
     justify-content: center;
     align-items: center;
     ion-icon{
-      font-size: 18px;
+      position: absolute;
+      font-size: 16px;
+      right: 0;
+      top: 0;
       color:#969696;
+      z-index:9999;
     }
   }
   ion-select {

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" data-tap-disabled="true">
         <div class="cancel-icon" v-if="curValue"><ion-icon name="close-circle-outline" @click="clear"></ion-icon></div>
         <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')">