From 3c002f1e3ec995166ce3ebae30b168ad3f47dbdf Mon Sep 17 00:00:00 2001
From: jscyl13849007907 <13849007907@163.com>
Date: Mon, 8 Jun 2026 15:50:12 +0800
Subject: [PATCH] no message
---
root/person/config.vue | 34 +++++++++++++++++++++++-----------
1 file changed, 23 insertions(+), 11 deletions(-)
diff --git a/root/person/config.vue b/root/person/config.vue
index 47c43b4..ac39a25 100644
--- a/root/person/config.vue
+++ b/root/person/config.vue
@@ -23,8 +23,10 @@
自定义主题色
+ :class="{ 'color-item-selected': selectedColorIndex === index }"
+ style="margin-top: 10px;" @click="selectColor(index)">
+
+
@@ -180,24 +182,34 @@ export default {
.color-item {
position: relative;
transition: all 0.2s ease;
+ padding: 2px;
+ box-sizing: border-box;
+ .inner {
+ width: 100%;
+ height: 100%;
+ border-radius: 6px;
+ transition: all 0.2s ease;
+ }
&::after {
content: '';
position: absolute;
- top: -4px;
- left: -4px;
- right: -4px;
- bottom: -4px;
- border-radius: 12px;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ border-radius: 8px;
border: 2px solid transparent;
transition: all 0.2s ease;
}
}
.color-item-selected {
- transform: scale(1.1);
&::after {
border-color: #999;
}
- animation: selectedPulse 0.3s ease;
+ .inner {
+ transform: scale(0.85);
+ animation: selectedPulse 0.3s ease;
+ }
}
}
@keyframes selectedPulse {
@@ -205,10 +217,10 @@ export default {
transform: scale(1);
}
50% {
- transform: scale(1.15);
+ transform: scale(0.75);
}
100% {
- transform: scale(1.1);
+ transform: scale(0.85);
}
}