From ae3ab0d376959cd8560e45dce24b6a8b1b39d162 Mon Sep 17 00:00:00 2001
From: xiaoyi <908147524@qq.com>
Date: 星期五, 30 十月 2026 20:30:25 +0800
Subject: [PATCH] fix(dashboard): 补齐 glass-tilt 样式,修复新卡片白底/透明不一致
---
src/views/dashboard/analytics/modules/hr-stock-cards.vue | 23 +++++++++++++++++++++++
1 files changed, 23 insertions(+), 0 deletions(-)
diff --git a/src/views/dashboard/analytics/modules/hr-stock-cards.vue b/src/views/dashboard/analytics/modules/hr-stock-cards.vue
index c8a12cf..708203f 100644
--- a/src/views/dashboard/analytics/modules/hr-stock-cards.vue
+++ b/src/views/dashboard/analytics/modules/hr-stock-cards.vue
@@ -320,3 +320,26 @@
</Col>
</Row>
</template>
+
+<style scoped>
+.glass-tilt {
+ background: linear-gradient(135deg, rgba(255,255,255,0.85), rgba(255,255,255,0.55));
+ backdrop-filter: blur(20px);
+ -webkit-backdrop-filter: blur(20px);
+ border: 1px solid rgba(255,255,255,0.6);
+ box-shadow:
+ 0 4px 24px rgba(0,0,0,0.04),
+ 0 1px 4px rgba(0,0,0,0.02),
+ inset 0 1px 0 rgba(255,255,255,0.8);
+ transform-style: preserve-3d;
+}
+
+.dark .glass-tilt {
+ background: linear-gradient(135deg, rgba(30,30,55,0.75), rgba(20,20,40,0.5));
+ border: 1px solid rgba(255,255,255,0.08);
+ box-shadow:
+ 0 4px 24px rgba(0,0,0,0.3),
+ 0 1px 4px rgba(0,0,0,0.2),
+ inset 0 1px 0 rgba(255,255,255,0.04);
+}
+</style>
--
Gitblit v1.9.3