From e0231a8dd254d9418eed6619161e6b957633fe11 Mon Sep 17 00:00:00 2001
From: heyujie <516346543@qq.com>
Date: 星期五, 10 十二月 2021 20:25:49 +0800
Subject: [PATCH] 对比库管理2
---
src/pages/library/components/upload.vue | 55 +++++++++++++++++++++++++++++++++++++++++--------------
1 files changed, 41 insertions(+), 14 deletions(-)
diff --git a/src/pages/library/components/upload.vue b/src/pages/library/components/upload.vue
index 3c3c4aa..53c51b6 100644
--- a/src/pages/library/components/upload.vue
+++ b/src/pages/library/components/upload.vue
@@ -35,28 +35,34 @@
@dragenter="dragenter($event)"
@dragleave="dragleave($event)"
>
- <i
+ <!-- <i
class="el-icon-upload text-primary"
style="color: rgb(61, 104, 225)"
- ></i>
- <div class="el-upload__text" style="color: #babbbc !important">
- 灏嗘枃浠舵嫋鍒版澶勶紝鎴�
- <em class="text-primary cursor-pointer">鐐瑰嚮涓婁紶</em>
+ ></i> -->
+ <div class="icon-wrap">
+ <span class="iconfont iconshangchuantupian-11"></span>
+ </div>
+ <div
+ class="el-upload__text"
+ style="margin-top: 10px"
+ >
+ 灏嗘枃浠舵嫋鍒版澶勬垨<span class="text-primary cursor-pointer"
+ >鐐瑰嚮涓婁紶</span
+ >
</div>
<div
class="el-upload__tip text-light"
- style="color: #babbbc !important"
>
{{ limitTypes ? `鍙兘涓婁紶${limitTypes}鏂囦欢` : ""
}}{{ limitSize ? ` 鏂囦欢澶у皬涓嶈秴杩�${limitSize}` : "" }}
</div>
</div>
</div>
- <div
+ <!-- <div
class="upload-model"
v-show="isShowBox"
@click="isShowBox = false"
- ></div>
+ ></div> -->
</span>
</template>
<script>
@@ -411,13 +417,34 @@
position: absolute;
z-index: 100 !important;
width: 320px;
- height: 160px;
- padding: 20px;
- right: 0;
- top: 35px;
+ height: 195px;
z-index: 5;
- background: #f1f1f1;
- border-radius: 5px;
+ background: #ffffff;
+ padding: 20px 20px 20px 20px;
+ right: 0;
+ top: 45px;
+ border-radius: 8px; box-sizing: border-box;
+
+ box-shadow: 0px 0px 10px rgb(0 0 0 / 12%);
+ .text-center {
+ .icon-wrap {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ height: 72px;
+ margin-top: 20px;
+ .iconfont {
+ font-size: 72px;
+ color: #bbd2f9;
+ }
+ }
+ .el-upload__tip,.el-upload__text {
+ font-size: 12px;
+ line-height: 17px;
+ color: #999999;
+ margin-top: 0;
+ }
+ }
.files-area {
width: 100%;
height: 100%;
--
Gitblit v1.8.0