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

fix: 【我的素材】上传列表的切图中loading效果按新设计实现

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

BIN
src/assets/images/icons/loading.gif


+ 10 - 1
src/views/material/components/uploadList1.1.0.vue

@@ -37,9 +37,14 @@
             :src="require('@/assets/images/icons/material_preview_upload_cancel@2x.png')"
             @click="onClickCancel(taskItem.uid)"
           />
+          <img
+            v-show="!taskItem.ifKnowProgress && taskItem.status ==='LOADING'"
+            class="progress-unknown"
+            :src="require('@/assets/images/icons/loading.gif')"
+          >
         </div>
         <div class="progress-bar" v-if="taskItem.ifKnowProgress && taskItem.status === 'LOADING'" :style="{width: Math.round(taskItem.progress * 100) + '%'}"></div>
-        <div class="progress-bar-unknown" v-if="!taskItem.ifKnowProgress && taskItem.status ==='LOADING'"></div>
+        <!-- <div class="progress-bar-unknown" v-if="!taskItem.ifKnowProgress && taskItem.status ==='LOADING'"></div> -->
       </div>
     </div>
 
@@ -238,6 +243,10 @@ export default {
           cursor: pointer;
           display: none;
         }
+        .progress-unknown {
+          width: 36px;
+          height: 36px;
+        }
       }
       .progress-bar {
         position: absolute;