Просмотр исходного кода

fix: 目标尺寸小于12px的图标通过scale调整大小,避免浏览器有时font-size不可小于12px的限制。

任一存 4 лет назад
Родитель
Сommit
2d38057f35

+ 3 - 3
src/components/audio/index.vue

@@ -287,7 +287,7 @@ export default {
     right: unset;
     bottom: unset;
     transform: translate(-47%, -50%) scale(0.6);
-    font-size: 7px;
+    font-size: 12px;
     color: #fff;
   }
   .iconbs_stop {
@@ -295,8 +295,8 @@ export default {
     left: 50%;
     right: unset;
     bottom: unset;
-    transform: translate(-50%, -50%) scale(0.6);
-    font-size: 6px;
+    transform: translate(-50%, -50%) scale(0.5);
+    font-size: 12px;
     color: #fff;
   }
   .left {

+ 2 - 1
src/components/userInfo.vue

@@ -60,7 +60,8 @@ export default {
   }
   .icon-show_drop-down {
     color: #323233;
-    font-size: 7px;
+    font-size: 12px;
+    transform: scale(0.6) translateX(-50%);
   }
   &:hover {
     .menu {

+ 1 - 2
src/views/material/audio/index.vue

@@ -82,8 +82,7 @@
               :myAudioUrl="data"
             ></v-audio>
           </div>
-          <span v-else>{{ data || "-" }}</span
-          >
+          <span v-else>{{ data || "-" }}</span>
         </div>
       </tableList>
       <UploadTaskList class="upload-task-list" fileType="AUDIO" :taskList="uploadListForUI" @cancel-task="onCancelTask"></UploadTaskList>