Prechádzať zdrojové kódy

fix: 犹豫外边距间隔导致元素点击位置不完全准确

zhangsiya 11 mesiacov pred
rodič
commit
acbfe0bc0d
1 zmenil súbory, kde vykonal 7 pridanie a 2 odobranie
  1. 7 2
      src/components/action-list/index.vue

+ 7 - 2
src/components/action-list/index.vue

@@ -21,10 +21,12 @@
           :multiple="true"
           :before-upload="beforeUploadImage"
           slot="reference"
+          class="mr16"
         >
           <span class="action-img image"  @click="checkLogin"></span>
         </el-upload>
         <el-upload
+          class="mr16"
           v-else-if="item.type == 'attach'"
           :disabled="disabled"
           action="#"
@@ -39,7 +41,7 @@
           <span class="action-img attach"  @click="checkLogin"></span>
         </el-upload>
         <div v-else-if="item.type == 'rate'" slot="reference">
-          <span v-show="isRobot === 2" class="action-img rate" :class="item.type" @click="onClick(item.type)"></span>
+          <span v-show="isRobot === 2" class="action-img rate mr16" :class="item.type" @click="onClick(item.type)"></span>
         </div>
       </el-popover>
     </div>
@@ -223,7 +225,7 @@ export default {
     display: inline-block;
     width: 24px;
     height: 24px;
-    margin-right: 16px;
+    //margin-right: 16px;
     background-repeat: no-repeat;
     background-position: center;
     background-size: contain;
@@ -244,6 +246,9 @@ export default {
       background-image: url('~@/assets/image/rate.png');
     }
   }
+  .mr16{
+    margin-right: 16px;
+  }
   .image:hover{
     background-image: url('~@/assets/image/image_h.png');
   }