lc/wx_pbzc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
.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:
cnliucheng
2026-07-08 14:13:20 +08:00
parent 96d92cfe10
commit c0f7ca612c
2 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/leaderboard/leaderboard.wxss
+2 -1
View File
@@ -23,7 +23,7 @@
font-size: 30rpx; font-size: 30rpx;
color: var(--text-secondary); color: var(--text-secondary);
position: relative; position: relative;
transition: color 0.2s; transition: color 0.2s, background-color 0.3s ease;
} }
.period-tab.active { .period-tab.active {
@@ -88,6 +88,7 @@
padding: 20rpx 24rpx; padding: 20rpx 24rpx;
margin-bottom: 12rpx; margin-bottom: 12rpx;
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.04); 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 { .rank-item.is-me {
pages/settings/settings.wxss
+2 -1
View File
@@ -22,7 +22,7 @@
align-items: center; align-items: center;
padding: 22rpx 0; padding: 22rpx 0;
border-bottom: 1rpx solid var(--border); 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; } .theme-item:last-child { border-bottom: none; }
@@ -73,6 +73,7 @@
align-items: center; align-items: center;
padding: 24rpx 0; padding: 24rpx 0;
border-bottom: 1rpx solid var(--border); border-bottom: 1rpx solid var(--border);
transition: background-color 0.3s ease, border-color 0.3s ease;
} }
.plan-item:last-child { border-bottom: none; } .plan-item:last-child { border-bottom: none; }