From faaffef2f89cb43c14631a55ea7ec0b1b4530b7e Mon Sep 17 00:00:00 2001 From: gaoxq <376340421@qq.com> Date: Wed, 4 Mar 2026 09:58:11 +0800 Subject: [PATCH] =?UTF-8?q?=E5=A4=A7=E5=B1=8F=E9=A1=B5=E9=9D=A2=E5=88=9D?= =?UTF-8?q?=E5=A7=8B=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../src/views/screen/Erp/components/ChartTop.vue | 11 ++++++----- screen-vue/src/views/screen/Erp/index.vue | 12 ++++++------ .../src/views/screen/Work/components/ChartTop.vue | 11 ++++++----- screen-vue/src/views/screen/Work/index.vue | 12 ++++++------ screen-vue/src/views/screen/index.vue | 15 ++++++++++----- 5 files changed, 34 insertions(+), 27 deletions(-) diff --git a/screen-vue/src/views/screen/Erp/components/ChartTop.vue b/screen-vue/src/views/screen/Erp/components/ChartTop.vue index ce3c94a..8146d75 100644 --- a/screen-vue/src/views/screen/Erp/components/ChartTop.vue +++ b/screen-vue/src/views/screen/Erp/components/ChartTop.vue @@ -79,8 +79,8 @@ watch( flex: 1; min-width: 160px; height: 85%; - background: rgba(15, 52, 96, 0.95); - border: 1px solid #1a508b; + background: rgba(15, 52, 96, 0.1); + border: 1px solid rgba(26, 80, 139, 0.3); border-radius: 8px; padding: 0 8px; display: flex; @@ -90,12 +90,13 @@ watch( position: relative; overflow: hidden; transition: all 0.3s ease; + backdrop-filter: blur(2px); } .card-item:hover { transform: translateY(-2px); - box-shadow: 0 4px 12px rgba(60, 156, 255, 0.3); - border-color: #3c9cff; + box-shadow: 0 4px 12px rgba(60, 156, 255, 0.2); + border-color: rgba(60, 156, 255, 0.6); } .card-left { @@ -111,7 +112,7 @@ watch( display: flex; justify-content: center; align-items: center; - border: 1px solid rgba(224, 230, 255, 0.2); + border: 1px solid rgba(224, 230, 255, 0.1); border-radius: 8px; box-sizing: border-box; } diff --git a/screen-vue/src/views/screen/Erp/index.vue b/screen-vue/src/views/screen/Erp/index.vue index b5ba652..3ea4fae 100644 --- a/screen-vue/src/views/screen/Erp/index.vue +++ b/screen-vue/src/views/screen/Erp/index.vue @@ -156,8 +156,8 @@ watch( .erp-card { width: 100%; height: 100%; - background-color: rgba(15, 52, 96, 0.9); - border: 1px solid #1a508b; + background-color: rgba(15, 52, 96, 0.1); + border: 1px solid rgba(26, 80, 139, 0.3); border-radius: 8px; padding: 2px; box-sizing: border-box; @@ -166,8 +166,8 @@ watch( justify-content: center; align-items: center; color: #e0e6ff; - backdrop-filter: blur(4px); - box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); + backdrop-filter: blur(2px); + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); min-height: 0; } @@ -176,8 +176,8 @@ watch( } .erp-card:hover { - box-shadow: 0 4px 12px rgba(60, 156, 255, 0.3); - border-color: #3c9cff; + box-shadow: 0 4px 12px rgba(60, 156, 255, 0.2); + border-color: rgba(60, 156, 255, 0.6); transition: all 0.3s ease; } diff --git a/screen-vue/src/views/screen/Work/components/ChartTop.vue b/screen-vue/src/views/screen/Work/components/ChartTop.vue index 8344263..a7dcdc7 100644 --- a/screen-vue/src/views/screen/Work/components/ChartTop.vue +++ b/screen-vue/src/views/screen/Work/components/ChartTop.vue @@ -79,8 +79,8 @@ watch( flex: 1; min-width: 160px; height: 85%; - background: rgba(15, 52, 96, 0.95); - border: 1px solid #1a508b; + background: rgba(15, 52, 96, 0.1); + border: 1px solid rgba(26, 80, 139, 0.3); border-radius: 8px; padding: 0 8px; display: flex; @@ -90,12 +90,13 @@ watch( position: relative; overflow: hidden; transition: all 0.3s ease; + backdrop-filter: blur(2px); } .card-item:hover { transform: translateY(-2px); - box-shadow: 0 4px 12px rgba(60, 156, 255, 0.3); - border-color: #3c9cff; + box-shadow: 0 4px 12px rgba(60, 156, 255, 0.2); + border-color: rgba(60, 156, 255, 0.6); } .card-left { @@ -111,7 +112,7 @@ watch( display: flex; justify-content: center; align-items: center; - border: 1px solid rgba(224, 230, 255, 0.2); + border: 1px solid rgba(224, 230, 255, 0.1); border-radius: 8px; box-sizing: border-box; } diff --git a/screen-vue/src/views/screen/Work/index.vue b/screen-vue/src/views/screen/Work/index.vue index 80f9cb5..52607be 100644 --- a/screen-vue/src/views/screen/Work/index.vue +++ b/screen-vue/src/views/screen/Work/index.vue @@ -104,8 +104,8 @@ watch( .work-card { width: 100%; - background-color: rgba(15, 52, 96, 0.9); - border: 1px solid #1a508b; + background-color: rgba(15, 52, 96, 0.1); + border: 1px solid rgba(26, 80, 139, 0.3); border-radius: 8px; padding: 2px; box-sizing: border-box; @@ -114,8 +114,8 @@ watch( justify-content: center; align-items: center; color: #e0e6ff; - backdrop-filter: blur(4px); - box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); + backdrop-filter: blur(2px); + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); min-height: 0; } @@ -125,8 +125,8 @@ watch( } .work-card:hover { - box-shadow: 0 4px 12px rgba(60, 156, 255, 0.3); - border-color: #3c9cff; + box-shadow: 0 4px 12px rgba(60, 156, 255, 0.2); + border-color: rgba(60, 156, 255, 0.6); transition: all 0.3s ease; } diff --git a/screen-vue/src/views/screen/index.vue b/screen-vue/src/views/screen/index.vue index 5c02e52..7d1f9ff 100644 --- a/screen-vue/src/views/screen/index.vue +++ b/screen-vue/src/views/screen/index.vue @@ -70,7 +70,7 @@ async function getList() { allTabs.value = res || [] } catch (error) { console.error(error) - vList.value = [] + allTabs.value = [] } } @@ -297,17 +297,22 @@ onMounted(() => { z-index: 10; overflow: hidden; height: calc(100vh - 75px); + background-image: url('@/assets/images/bg.png'); + background-size: cover; + background-position: center; + background-repeat: no-repeat; + background-color: transparent; } .screen-page { width: 100%; height: 100%; display: block; - background: rgba(15, 52, 96, 0.8); - border: 1px solid #1a508b; + background: transparent; + border: 1px solid rgba(26, 80, 139, 0.3); border-radius: 12px; - backdrop-filter: blur(8px); - box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); + backdrop-filter: blur(2px); + box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); overflow: hidden; }