事件冒泡 && 代码格式 -fix

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

@@ -6,7 +6,7 @@
     background-color: transparent;
     position: absolute;
     right: 12px;
-    top: 50%;
+    top: calc(50% - 9px);
     transform: translateY(-50%);
     z-index: 9998;
     display: flex;
@@ -55,9 +55,9 @@
     line-height: 40px;
     text-align: right;
     color: #969696;
-    --padding-bottom:0;
-    --padding-end:26px;
-    --padding-start:0;
-    --padding-top:0;
+    --padding-bottom: 0;
+    --padding-end: 26px;
+    --padding-start: 0;
+    --padding-top: 0;
   }
 }

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

 <template>
      <div class="app-mobile-select-drop-down">
-        <div class="cancel-icon" v-if="curvalue"><ion-icon name="close-circle-outline" @click="onClear"></ion-icon></div>
+        <div class="cancel-icon" v-if="curvalue"><ion-icon name="close-circle-outline" @click.stop="onClear"></ion-icon></div>
         <div v-if="curvalue== null || curvalue==''" class="ion-select-icon"></div>
         <div class="select_text" @click="openSelect" >{{curvalue}}</div>
         <ion-select :selected-text="selectValue" :ref="name+'select'" v-show="false" :disabled="disabled " @ionChange="change" interface="action-sheet" :cancel-text="$t('app.button.cancel')" @ionCancel="cancel">