From d21736292c6af0128c82773958ee41550de2bb86 Mon Sep 17 00:00:00 2001
From: Deroino <117969239+Deroino@users.noreply.github.com>
Date: Thu, 13 Nov 2025 05:58:17 +0800
Subject: [PATCH] style(frontend): improve upload progress indicator visibility

- Change upload speed indicator color from white to dark gray
- Add better styling for upload file items with rounded corners
- Add hover effects and improved spacing for upload items
- Enhance overall visual appearance of upload panel
---
 sau_frontend/src/views/MaterialManagement.vue | 31 +++++++++++++++++++
 1 file changed, 31 insertions(+)

diff --git a/sau_frontend/src/views/MaterialManagement.vue b/sau_frontend/src/views/MaterialManagement.vue
index 9173078..c507456 100644
--- a/sau_frontend/src/views/MaterialManagement.vue
+++ b/sau_frontend/src/views/MaterialManagement.vue
@@ -522,4 +522,35 @@ onMounted(() => {
   padding-top: 10px;
   padding-bottom: 15px;
 }
+
+/* 修改上传进度条样式 */
+:deep(.el-progress__text) {
+  color: #303133 !important; /* 深灰色字体，确保在各种背景上都可见 */
+  font-size: 12px;
+}
+
+:deep(.el-progress--line) {
+  margin-bottom: 10px;
+}
+
+.upload-file-item {
+  border: 1px solid #dcdfe6;
+  border-radius: 6px; /* 增加圆角 */
+  padding: 12px; /* 增加内边距 */
+  margin-bottom: 12px; /* 增加外边距 */
+  background-color: #fafafa; /* 轻微背景色 */
+  transition: box-shadow 0.3s; /* 添加过渡效果 */
+}
+
+.upload-file-item:hover {
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* 悬停效果 */
+}
+
+.upload-file-item .file-name {
+  font-size: 14px;
+  color: #303133; /* 深灰色字体 */
+  margin-bottom: 8px; /* 增加底部间距 */
+  display: block;
+  font-weight: 500;
+}
 </style>