From ad296d8512214dbf45c4e682148ffd89b8fe578c Mon Sep 17 00:00:00 2001 From: Your Name Date: Mon, 2 Feb 2026 21:20:12 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E8=B0=83=E6=95=B4=E7=9B=B2=E7=9B=92?= =?UTF-8?q?=E5=8D=A1=E7=89=87=E9=85=8D=E8=89=B2=E4=B8=BA=E7=BB=BF=E8=89=B2?= =?UTF-8?q?=E4=B8=BB=E9=A2=98=EF=BC=8C=E5=A2=9E=E5=A4=A7=E5=9B=BE=E6=A0=87?= =?UTF-8?q?=E5=B0=BA=E5=AF=B8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- frontend/src/views/TaskHall.vue | 62 ++++++++++++++++----------------- 1 file changed, 31 insertions(+), 31 deletions(-) diff --git a/frontend/src/views/TaskHall.vue b/frontend/src/views/TaskHall.vue index cbc9bc7..24d1cd4 100644 --- a/frontend/src/views/TaskHall.vue +++ b/frontend/src/views/TaskHall.vue @@ -128,7 +128,7 @@
- + 可接单部门
@@ -6947,9 +6947,9 @@ onUnmounted(() => { // 盲盒模式卡片样式 &.blind-box-card { background: linear-gradient(135deg, #1f1f1f 0%, #141414 100%) !important; - border: 1px solid rgba(250, 140, 22, 0.2) !important; + border: 1px solid rgba(49, 240, 139, 0.2) !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); - min-height: 280px; + min-height: 320px; position: relative; overflow: hidden; @@ -6960,14 +6960,14 @@ onUnmounted(() => { left: 0; right: 0; height: 3px; - background: linear-gradient(90deg, #fa8c16, #faad14); + background: linear-gradient(90deg, #31f08b, #52c41a); opacity: 0.8; } &:hover { transform: translateY(-4px); - border-color: rgba(250, 140, 22, 0.5) !important; - box-shadow: 0 12px 24px rgba(250, 140, 22, 0.15); + border-color: rgba(49, 240, 139, 0.5) !important; + box-shadow: 0 12px 24px rgba(49, 240, 139, 0.15); .box-icon-wrapper { transform: scale(1.05) rotate(5deg); @@ -7000,23 +7000,23 @@ onUnmounted(() => { display: flex; justify-content: center; align-items: center; - width: 100px; - height: 100px; + width: 140px; + height: 140px; .box-icon-wrapper { position: relative; - width: 80px; - height: 80px; + width: 120px; + height: 120px; display: flex; align-items: center; justify-content: center; transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); .main-box-icon { - width: 80px; - height: 80px; - color: #fa8c16; - filter: drop-shadow(0 8px 16px rgba(250, 140, 22, 0.3)); + width: 120px; + height: 120px; + color: #31f08b; + filter: drop-shadow(0 8px 16px rgba(49, 240, 139, 0.3)); } .question-mark { @@ -7024,7 +7024,7 @@ onUnmounted(() => { top: 50%; left: 50%; transform: translate(-50%, -50%); - font-size: 42px; + font-size: 60px; font-weight: 800; color: #fff; text-shadow: 0 2px 4px rgba(0,0,0,0.5); @@ -7035,9 +7035,9 @@ onUnmounted(() => { .blind-box-glow { position: absolute; - width: 140px; - height: 140px; - background: radial-gradient(circle, rgba(250, 140, 22, 0.25) 0%, rgba(250, 140, 22, 0) 70%); + width: 180px; + height: 180px; + background: radial-gradient(circle, rgba(49, 240, 139, 0.25) 0%, rgba(49, 240, 139, 0) 70%); opacity: 0.2; transition: all 0.4s ease; z-index: -1; @@ -7069,11 +7069,11 @@ onUnmounted(() => { .queue-number { font-size: 42px; font-weight: 800; - background: linear-gradient(135deg, #fff 0%, #fa8c16 100%); + background: linear-gradient(135deg, #fff 0%, #31f08b 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 1; - filter: drop-shadow(0 2px 4px rgba(250, 140, 22, 0.2)); + filter: drop-shadow(0 2px 4px rgba(49, 240, 139, 0.2)); } } @@ -7099,17 +7099,17 @@ onUnmounted(() => { .dept-tag { padding: 4px 12px; - background: rgba(82, 196, 26, 0.1); - border: 1px solid rgba(82, 196, 26, 0.3); + background: rgba(49, 240, 139, 0.1); + border: 1px solid rgba(49, 240, 139, 0.3); border-radius: 12px; font-size: 12px; - color: #73d13d; + color: #31f08b; transition: all 0.2s; &:hover { - background: rgba(82, 196, 26, 0.2); - color: #95de64; - border-color: rgba(82, 196, 26, 0.5); + background: rgba(49, 240, 139, 0.2); + color: #52c41a; + border-color: rgba(49, 240, 139, 0.5); } } } @@ -7127,11 +7127,11 @@ onUnmounted(() => { width: 80%; height: 44px; border-radius: 22px; - background: linear-gradient(90deg, #fa8c16 0%, #fa541c 100%); + background: linear-gradient(90deg, #31f08b 0%, #52c41a 100%); border: none; font-weight: 600; font-size: 15px; - box-shadow: 0 4px 12px rgba(250, 140, 22, 0.4); + box-shadow: 0 4px 12px rgba(49, 240, 139, 0.4); transition: all 0.3s ease; display: flex; align-items: center; @@ -7139,13 +7139,13 @@ onUnmounted(() => { &:hover { transform: translateY(-2px); - box-shadow: 0 8px 20px rgba(250, 140, 22, 0.5); - background: linear-gradient(90deg, #ff9c38 0%, #ff7a45 100%); + box-shadow: 0 8px 20px rgba(49, 240, 139, 0.5); + background: linear-gradient(90deg, #52c41a 0%, #31f08b 100%); } &:active { transform: translateY(1px); - box-shadow: 0 2px 8px rgba(250, 140, 22, 0.4); + box-shadow: 0 2px 8px rgba(49, 240, 139, 0.4); } }