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

【我的素材】删除一点冗余样式代码,并在音频页面引入上传列表组件

任一存 4 лет назад
Родитель
Сommit
45acdb1f62
2 измененных файлов с 8 добавлено и 12 удалено
  1. 3 0
      src/views/material/audio/index.vue
  2. 5 12
      src/views/material/style.less

+ 3 - 0
src/views/material/audio/index.vue

@@ -102,6 +102,7 @@
           >
         </div>
       </tableList>
+      <UploadListNew class="upload-list-new"></UploadListNew>
       <div class="total-number" v-if="list.length !== 0 || hasMoreData">已加载{{list.length}}条</div>
       <div class="nodata" v-if="list.length == 0 && !hasMoreData && lastestUsedSearchKey">
         <img :src="$noresult" alt="" />
@@ -134,6 +135,7 @@ import vAudio from "@/components/audio";
 import Upload from "@/components/shared/uploads/UploadMultiple";
 import { changeByteUnit } from "@/utils/file";
 import UploadList from "../components/uploadList.vue";
+import UploadListNew from "../components/uploadList1.1.0.vue";
 import { debounce } from "@/utils/other.js"
 
 import {
@@ -153,6 +155,7 @@ export default {
     Upload,
     vAudio,
     UploadList,
+    UploadListNew,
   },
   data() {
     return {

+ 5 - 12
src/views/material/style.less

@@ -78,20 +78,13 @@
         >span{
           color: #646566;
         }
-        // TODO: 用不到了,替换成我自己写的
-        .create{
-          width: 100px;
-          margin: 0 auto;
-          margin-top: 20px;
-          height: 36px;
-          color: #fff;
-          line-height: 36px;
-          background: linear-gradient(144deg, #00AEFB 0%, #0076F6 100%);
-          border-radius: 22px;
-          text-align: center;
-        }
       }
     }
+    .upload-list-new {
+      position: absolute;
+      right: 0;
+      bottom: 35px;
+    }
   }
 .handle{
   display: flex;