tangweijie/xlcp-frontend
1
0
Fork 0
Code Issues 6 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

style(dashboard): 调整Dashboard为半透明背景样式

Browse Source 
- 左侧区域、右侧区域、底部模块改为半透明背景
- 使用 rgba(45, 65, 131, 0.6) 实现半透明效果
- 保持原有的边框和文字样式

参考计划: .sisyphus/plans/dashboard-center-update.md 布局调整要求
This commit is contained in:
tangweijie 2026-01-27 11:20:44 +08:00
parent a65d4e9280
commit 3793d64d3c
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/views/Dashboard/Index.vue
View File

@ -557,7 +557,7 @@ onUnmounted(() => {
.list-card-item { .list-card-item {
width: 25%; width: 25%;
height: 90%; height: 90%;
background: #2d3d5f; background: rgba(45, 65, 131, 0.6);
border: 1px solid rgba(56, 102, 141, 0.5); border: 1px solid rgba(56, 102, 141, 0.5);
display: flex; display: flex;
padding-left: 15px; padding-left: 15px;
@ -607,12 +607,12 @@ onUnmounted(() => {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 12px 16px; padding: 12px 16px;
background: #2d3d5f; background: rgba(45, 65, 131, 0.6);
border: 1px solid rgba(56, 102, 141, 0.5); border: 1px solid rgba(56, 102, 141, 0.5);
border-radius: 6px; border-radius: 6px;
box-shadow: inset 0 0 10px 0 rgba(43, 65, 131, 0.3); box-shadow: inset 0 0 10px 0 rgba(43, 65, 131, 0.3);
transition: all 0.3s ease; transition: all 0.3s ease;
&:hover { &:hover {
border-color: rgba(56, 102, 141, 0.8); border-color: rgba(56, 102, 141, 0.8);
box-shadow: inset 0 0 15px 0 rgba(43, 65, 131, 0.5); box-shadow: inset 0 0 15px 0 rgba(43, 65, 131, 0.5);