From 1c829f9177eab675b22be4d20ef2761ed1bbb423 Mon Sep 17 00:00:00 2001
From: 云 <2163098428@qq.com>
Date: 星期二, 15 九月 2026 16:15:48 +0800
Subject: [PATCH] refactor(layout): 调整布局样式并优化轮播卡片组件
---
src/views/reportAnalysis/qualityAnalysis/components/DateTypeSwitch.vue | 30 +++++++++++++++---------------
1 files changed, 15 insertions(+), 15 deletions(-)
diff --git a/src/views/reportAnalysis/qualityAnalysis/components/DateTypeSwitch.vue b/src/views/reportAnalysis/qualityAnalysis/components/DateTypeSwitch.vue
index 0c57b25..7f58702 100644
--- a/src/views/reportAnalysis/qualityAnalysis/components/DateTypeSwitch.vue
+++ b/src/views/reportAnalysis/qualityAnalysis/components/DateTypeSwitch.vue
@@ -46,49 +46,49 @@
/* 鏈�変腑鐘舵�佺殑鏍峰紡 */
.date-type-switch :deep(.el-radio-button__inner) {
- background-color: rgba(26, 88, 176, 0.3);
- color: rgba(184, 200, 224, 0.8);
- border-color: rgba(255, 255, 255, 0.2);
+ background-color: rgba(20, 32, 66, 0.55);
+ color: #8fa3c8;
+ border-color: #1e3160;
border-radius: 0;
padding: 6px 20px;
font-size: 14px;
- transition: all 0.3s;
+ transition: color 0.2s ease, background-color 0.2s ease;
}
/* 绗竴涓寜閽乏渚у渾瑙� */
.date-type-switch :deep(.el-radio-button:first-child .el-radio-button__inner) {
- border-top-left-radius: 4px;
- border-bottom-left-radius: 4px;
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
}
/* 鏈�鍚庝竴涓寜閽彸渚у渾瑙� */
.date-type-switch :deep(.el-radio-button:last-child .el-radio-button__inner) {
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px;
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
}
/* 鎸夐挳涔嬮棿鐨勫垎闅旂嚎 */
.date-type-switch :deep(.el-radio-button:not(:last-child) .el-radio-button__inner) {
- border-right: 1px solid rgba(255, 255, 255, 0.2);
+ border-right: 1px solid #1e3160;
}
-/* 閫変腑鐘舵�佺殑鏍峰紡 */
+/* 閫変腑鐘舵�佺殑鏍峰紡锛氬搧鐗岃摑瀹炶壊 */
.date-type-switch :deep(.el-radio-button__original-radio:checked + .el-radio-button__inner) {
- background: linear-gradient(180deg, #3378ff 0%, #00a4ed 100%);
+ background: #2c51d9;
color: #ffffff;
- border-color: rgba(51, 120, 255, 0.8);
+ border-color: #2c51d9;
box-shadow: none;
}
/* 鎮仠鏁堟灉 */
.date-type-switch :deep(.el-radio-button__inner:hover) {
- color: rgba(184, 200, 224, 1);
- border-color: rgba(255, 255, 255, 0.3);
+ color: #eaf1ff;
}
/* 閫変腑鐘舵�佹偓鍋� */
.date-type-switch :deep(.el-radio-button__original-radio:checked + .el-radio-button__inner:hover) {
- background: linear-gradient(180deg, #4e8aff 0%, #4ee4ff 100%);
+ background: #4a6cf0;
+ border-color: #4a6cf0;
color: #ffffff;
}
</style>
--
Gitblit v1.9.3