Преглед изворни кода

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

任一存 пре 4 година
родитељ
комит
2d38057f35
3 измењених фајлова са 6 додато и 6 уклоњено
  1. 3 3
      src/components/audio/index.vue
  2. 2 1
      src/components/userInfo.vue
  3. 1 2
      src/views/material/audio/index.vue

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

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

+ 2 - 1
src/components/userInfo.vue

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

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

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