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); } }