图标ui

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

 <template>
     <div class="ibiz-mob-group-select">
         <ion-input class="ibz-input" :value="selectName"  readonly></ion-input>
-        <app-mob-icon  v-show="selects.length>0" class="delete-value " name="close-circle-outline" @onClick="clearSelects"></app-mob-icon>
+        <app-mob-icon  v-show="selects.length>0" class="delete-value right-common-icon" name="close-circle-outline" @onClick="clearSelects"></app-mob-icon>
         <app-mob-icon  v-show="selects.length<1" class="open-picker" name="search-outline" @onClick="openView"></app-mob-icon>
     </div>
 </template>

src/components/editor/app-mob-mpicker/app-mob-mpicker.vue

@@ -8,8 +8,8 @@
         </template>
       </div>
     </ion-input>
-    <app-mob-icon class="open-picker" v-if="!curValue.length > 0" name="search-outline" @onClick="openView"></app-mob-icon>
-    <app-mob-icon  v-else class="open-picker" name="close-circle-outline" @onClick="onClear"></app-mob-icon>
+    <app-mob-icon class="open-picker right-common-icon" v-if="!curValue.length > 0" name="search-outline" @onClick="openView"></app-mob-icon>
+    <app-mob-icon  v-else class="open-picker right-common-icon" name="close-circle-outline" @onClick="onClear"></app-mob-icon>
   </div>
 </template>
 

src/components/editor/app-mob-picker/app-mob-picker.vue

 <template>
     <div  class="app-picker" >
         <ion-input :disabled="disabled" class="ibz-input" :value="refvalue"  readonly @click="openView"></ion-input>
-        <app-mob-icon  v-show="refvalue" class="delete-value " name="close-circle-outline" @onClick="onClear"></app-mob-icon>
-        <app-mob-icon  v-show="refvalue == '' || refvalue == null" class="open-picker" name="search-outline" @onClick="openView"></app-mob-icon>
+        <app-mob-icon  v-show="refvalue" class="delete-value right-common-icon" name="close-circle-outline" @onClick="onClear"></app-mob-icon>
+        <app-mob-icon  v-show="refvalue == '' || refvalue == null" class="open-picker right-common-icon" name="search-outline" @onClick="openView"></app-mob-icon>
     </div>
 </template>
 <script lang="ts">

src/components/ui-components/app-mob-icon/app-mob-icon.less

+//公共部分
+.right-common-icon{
+    position: absolute;
+    top: 3px;
+    right: 3px;
+}
+
 //多编辑视图删除图标样式
 .meditviewpanel_delete_icon {
     font-size: 20px;
-    position: absolute;
     top: 5px;
     right: 5px;
     z-index: 1;
 }
 
-//日历部件事件内容删除图标样式
-.event-delete {
-    position: absolute;
-    top: 3px;
-    right: 3px;
-}
-
 //工具栏图标样式
 .group_ion-icon {
     margin-right: 10px;
@@ -57,7 +56,6 @@
 //app-mob-mpicker 图标样式
 .app-mob-mpicker {
     .open-picker {
-      position: absolute;
       right: 3px;
       top: 50%;
       transform: translateY(-50%);
@@ -68,14 +66,10 @@
 //app-mob-picker 图标样式
 .app-picker {
     .open-picker {
-      position: absolute;
-      right: 5px;
       top: 13px;  
       z-index: 3;
     }
     .delete-value {
-        position: absolute;
-        right: 4px;
         top: 50%;
         transform: translateY(-50%);
         z-index: 3;
@@ -91,3 +85,5 @@
         font-size: 18px;
     }
 }
+
+