数据选择（下拉视图）调整

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

@@ -3,7 +3,7 @@
   .cancel-icon {
     width: 16px;
     height: 16px;
-    background-color: #fcfcfc;
+    background-color: transparent;
     position: absolute;
     right: 12px;
     top: 50%;
@@ -50,10 +50,13 @@
     color: #969696;
   }
   .select_text {
-    height: 40px;
+    height: 43px;
     line-height: 40px;
     text-align: right;
-    padding-right: 25px;
     color: #969696;
+    --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

@@ -2,8 +2,8 @@
      <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 v-if="curvalue== null || curvalue==''" class="ion-select-icon"></div>
-        <div class="select_text" style="height: 40px;" @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')">
+        <ion-input class="select_text" readonly="true" :value="curvalue" :ref="name+'input'" style="height: 43px;" @click="openSelect"/>
+        <ion-select :selected-text="selectValue" :ref="name+'select'" v-show="false" :disabled="disabled " @ionChange="change" interface="action-sheet" :cancel-text="$t('app.button.cancel')">
             <ion-select-option  v-for="option of items" :key="option.value" :value="option.value">{{option.text}}</ion-select-option>
         </ion-select>
     </div>   
@@ -383,6 +383,8 @@ export default class AppSelectDropDown extends Vue {
             this.$emit('formitemvaluechange', { name: this.name, value: '' });
         }
         this.selectValue = null;
+        let select :any = this.$refs[this.name+'select'];
+        select.value = null;
         this.$forceUpdate();
     }