Explorar el Código

素材库添加loading

zhuxinbo hace 5 años
padre
commit
a63d11f5f5

BIN
src/views/modules/material/loading.gif


+ 5 - 1
src/views/modules/material/materialList.vue

@@ -281,7 +281,11 @@ a {
         <div v-else style="width:100%;height:400px;display:flex;justify-content: center;align-items: center;">
           <img
             src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1575627350102&di=02972956f2243933bffc0d85099adbfe&imgtype=jpg&src=http%3A%2F%2Fimg0.imgtn.bdimg.com%2Fit%2Fu%3D1095310825%2C1528244349%26fm%3D214%26gp%3D0.jpg"
-            alt="" />
+            alt="" v-if="!loading"/>
+            <img
+            v-else
+            src="./loading.gif"
+            />
         </div>
       </a-tab-pane>
     </a-tabs>

+ 7 - 1
src/views/modules/material/scriptMaterial.vue

@@ -244,7 +244,13 @@ a {
       />
     </div>
     <div v-else style="width:100%;height:400px;display:flex;justify-content: center;align-items: center;">
-      <a-empty />
+        <img
+        src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1575627350102&di=02972956f2243933bffc0d85099adbfe&imgtype=jpg&src=http%3A%2F%2Fimg0.imgtn.bdimg.com%2Fit%2Fu%3D1095310825%2C1528244349%26fm%3D214%26gp%3D0.jpg"
+        alt="" v-if="!loading"/>
+        <img
+        v-else
+        src="./loading.gif"
+        />
     </div>
     <a-modal
       :title="add ? '添加素材' : '修改'"

+ 4 - 3
src/views/modules/material/videoMaterial.vue

@@ -587,9 +587,10 @@ a {
           <img
             src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1575627350102&di=02972956f2243933bffc0d85099adbfe&imgtype=jpg&src=http%3A%2F%2Fimg0.imgtn.bdimg.com%2Fit%2Fu%3D1095310825%2C1528244349%26fm%3D214%26gp%3D0.jpg"
             alt="" v-if="!loading"/>
-            <div style="position:absolute;font-size:20px;font-weight:700" v-else>
-                数据加载中...
-            </div>
+            <img
+            v-else
+            src="./loading.gif"
+            />
         </div>
       </a-tab-pane>
     </a-tabs>

+ 3 - 13
src/views/modules/material/videoTemList.vue

@@ -131,11 +131,11 @@
           </div>
         </div>
       </div>
-      <div class="template-content" v-else
-        style="width:100%;height:400px;display:flex;justify-content: center;align-items: center;">
+      <div v-else style="width:100%;height:400px;display:flex;justify-content: center;align-items: center;">
         <img
           src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1575627350102&di=02972956f2243933bffc0d85099adbfe&imgtype=jpg&src=http%3A%2F%2Fimg0.imgtn.bdimg.com%2Fit%2Fu%3D1095310825%2C1528244349%26fm%3D214%26gp%3D0.jpg"
-          alt="" />
+          alt="" v-if="!loading" />
+        <img v-else src="./loading.gif" />
       </div>
     </div>
 
@@ -201,15 +201,6 @@
           }
         },
         form: this.$form.createForm(this),
-        steps: [{
-            title: '选择模板',
-            content: 'First-content'
-          },
-          {
-            title: '上传物料',
-            content: 'Second-content'
-          }
-        ],
         creativeCopywriter: '',
         customDomain: '',
         region: 'oss-cn-beijing',
@@ -361,7 +352,6 @@
     margin-top: 16px;
     border: 1px dashed #e9e9e9;
     border-radius: 6px;
-    background-color: #fafafa;
     min-height: 200px;
     padding: 30px;
   }

+ 3 - 13
src/views/modules/material/videoTemplate.vue

@@ -155,11 +155,11 @@
           </div>
         </div>
       </div>
-      <div class="template-content" v-else
-        style="width:100%;height:400px;display:flex;justify-content: center;align-items: center;">
+      <div v-else style="width:100%;height:400px;display:flex;justify-content: center;align-items: center;">
         <img
           src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1575627350102&di=02972956f2243933bffc0d85099adbfe&imgtype=jpg&src=http%3A%2F%2Fimg0.imgtn.bdimg.com%2Fit%2Fu%3D1095310825%2C1528244349%26fm%3D214%26gp%3D0.jpg"
-          alt="" />
+          alt="" v-if="!loading" />
+        <img v-else src="./loading.gif" />
       </div>
     </div>
     <a-modal title='添加素材' v-model="visible" @cancel="close" @afterClose="close" :maskClosable="false" :width="800">
@@ -283,15 +283,6 @@
           }
         },
         form: this.$form.createForm(this),
-        steps: [{
-            title: '选择模板',
-            content: 'First-content'
-          },
-          {
-            title: '上传物料',
-            content: 'Second-content'
-          }
-        ],
         creativeCopywriter: '',
         customDomain: '',
         region: 'oss-cn-beijing',
@@ -443,7 +434,6 @@
     margin-top: 16px;
     border: 1px dashed #e9e9e9;
     border-radius: 6px;
-    background-color: #fafafa;
     min-height: 200px;
     padding: 30px;
   }