feat: 页面级入场动画 (fade + translateY) 应用到 5 个页面

This commit is contained in:
2026-07-08 11:33:29 +08:00
parent 05746d8011
commit 0bba403b00
6 changed files with 15 additions and 5 deletions
+10
View File
@@ -94,3 +94,13 @@ image {
color: var(--text);
margin-bottom: 20rpx;
}
/* ---- page-level transition ---- */
.page-enter {
animation: pageIn 0.35s cubic-bezier(0.2, 0, 0.2, 1) both;
}
@keyframes pageIn {
from { opacity: 0; transform: translateY(20rpx); }
to { opacity: 1; transform: translateY(0); }
}
+1 -1
View File
@@ -1,4 +1,4 @@
<view class="container" style="{{themeStyle}}">
<view class="container page-enter" style="{{themeStyle}}">
<!-- 顶部问候 -->
<view class="greeting-row">
+1 -1
View File
@@ -1,4 +1,4 @@
<view class="container" style="{{themeStyle}}">
<view class="container page-enter" style="{{themeStyle}}">
<!-- Period tabs -->
<view class="period-tabs">
<view
+1 -1
View File
@@ -1,4 +1,4 @@
<view class="container" style="{{themeStyle}}">
<view class="container page-enter" style="{{themeStyle}}">
<!-- 统计卡片 -->
<ui-card variant="in">
<view class="stats">
+1 -1
View File
@@ -1,4 +1,4 @@
<view class="container" style="{{themeStyle}}">
<view class="container page-enter" style="{{themeStyle}}">
<!-- 个人资料 -->
<ui-card variant="in">
<view class="section-header">
+1 -1
View File
@@ -1,4 +1,4 @@
<view class="container timer-page" style="{{themeStyle}}">
<view class="container timer-page page-enter" style="{{themeStyle}}">
<!-- 呼吸引导环 + 进度条 -->
<view class="ring-wrapper">