From ecf388a7953a10fe1ae8ee1a332c74ce40d782eb Mon Sep 17 00:00:00 2001
From: heyujie <516346543@qq.com>
Date: 星期三, 22 十二月 2021 09:52:19 +0800
Subject: [PATCH] 对比库管理ui修正

---
 src/pages/library/components/upload.vue |   46 ++++++++++++----------------------------------
 1 files changed, 12 insertions(+), 34 deletions(-)

diff --git a/src/pages/library/components/upload.vue b/src/pages/library/components/upload.vue
index 8a29d94..78a9385 100644
--- a/src/pages/library/components/upload.vue
+++ b/src/pages/library/components/upload.vue
@@ -1,15 +1,5 @@
 <template>
   <span class="upload-content pr">
-    <!-- <el-button
-      type="primary"
-      :loading="upLoadLoading"
-      :size="uploadBtnSize"
-      data-style="slide-down"
-      @click.native="uploadStart"
-    >
-      <i :class="uploadBtnIcon"></i>
-      &nbsp;&nbsp;{{uploadBtntext}}
-    </el-button> -->
     <span
       class="iconfont iconfont-wrap iconshangchuantupian-09"
       @click="uploadStart"
@@ -35,24 +25,15 @@
         @dragenter="dragenter($event)"
         @dragleave="dragleave($event)"
       >
-        <!-- <i
-          class="el-icon-upload text-primary"
-          style="color: rgb(61, 104, 225)"
-        ></i> -->
         <div class="icon-wrap">
           <span class="iconfont iconshangchuantupian-11"></span>
         </div>
-        <div
-          class="el-upload__text"
-          style="margin-top: 10px"
-        >
+        <div class="el-upload__text" style="margin-top: 10px">
           灏嗘枃浠舵嫋鍒版澶勬垨<span class="text-primary cursor-pointer"
             >鐐瑰嚮涓婁紶</span
           >
         </div>
-        <div
-          class="el-upload__tip text-light"
-        >
+        <div class="el-upload__tip text-light">
           {{ limitTypes ? `鍙兘涓婁紶${limitTypes}鏂囦欢` : ""
           }}{{ limitSize ? ` 鏂囦欢澶у皬涓嶈秴杩�${limitSize}` : "" }}
         </div>
@@ -188,7 +169,6 @@
               fileObj && fileObj.name ? "鈥�" + fileObj.name + "鈥�" : ""
             }蹇呴』灏忎簬` + this.limitSize,
         };
-        // this.$notify(msg)
         return msg;
       }
       return "success";
@@ -306,10 +286,6 @@
         });
         if (res && res.data) {
           const result = res.data;
-          // this.$notify({
-          //   type: result && result.success ? 'success' : 'error',
-          //   message: result.msg
-          // })
           this.progressValue = 0;
           this.showProgress = false;
           this.$emit("successFN", result);
@@ -386,12 +362,7 @@
 </script>
 
 <style lang="scss" scoped>
-.upload-img-icon {
-  width: 60px;
-  background-size: 100%;
-  background-repeat: no-repeat;
-  background-position: center;
-}
+
 .upload-progress {
   width: 96%;
   position: absolute;
@@ -410,6 +381,11 @@
     left: 0;
     display: none;
   }
+  .iconshangchuantupian-09:hover {
+    border: 1px solid var(--colorCard);
+    background: var(--colorCard);
+    color: #fff;
+  }
 }
 .drag-area {
   position: absolute;
@@ -421,7 +397,8 @@
   padding: 20px 20px 20px 20px;
   right: 0;
   top: 45px;
-  border-radius: 8px;    box-sizing: border-box;
+  border-radius: 8px;
+  box-sizing: border-box;
 
   box-shadow: 0px 0px 10px rgb(0 0 0 / 12%);
   .text-center {
@@ -436,7 +413,8 @@
         color: #bbd2f9;
       }
     }
-    .el-upload__tip,.el-upload__text {
+    .el-upload__tip,
+    .el-upload__text {
       font-size: 12px;
       line-height: 17px;
       color: #999999;

--
Gitblit v1.8.0