feat: 切深色模式时高亮/卡片元素加颜色过渡动画

.rank-item / .period-tab / .theme-item / .plan-item 加
transition: background-color 0.3s ease + border-color 0.3s ease。
切深色时不再瞬间切换,有 300ms 流动感。
This commit is contained in:
2026-07-08 14:13:20 +08:00
parent 96d92cfe10
commit c0f7ca612c
2 changed files with 4 additions and 2 deletions
+2 -1
View File
@@ -23,7 +23,7 @@
font-size: 30rpx;
color: var(--text-secondary);
position: relative;
transition: color 0.2s;
transition: color 0.2s, background-color 0.3s ease;
}
.period-tab.active {
@@ -88,6 +88,7 @@
padding: 20rpx 24rpx;
margin-bottom: 12rpx;
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.04);
transition: background-color 0.3s ease, border-color 0.3s ease;
}
.rank-item.is-me {
+2 -1
View File
@@ -22,7 +22,7 @@
align-items: center;
padding: 22rpx 0;
border-bottom: 1rpx solid var(--border);
transition: background 0.2s ease;
transition: background 0.2s ease, background-color 0.3s ease, border-color 0.3s ease;
}
.theme-item:last-child { border-bottom: none; }
@@ -73,6 +73,7 @@
align-items: center;
padding: 24rpx 0;
border-bottom: 1rpx solid var(--border);
transition: background-color 0.3s ease, border-color 0.3s ease;
}
.plan-item:last-child { border-bottom: none; }