From 9bd4b8c2f474c778e56a1cfefad69daf71143e3f Mon Sep 17 00:00:00 2001
From: cnliucheng <brokenway@163.com>
Date: Wed, 8 Jul 2026 14:11:56 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=AE=B0=E5=BD=95=E9=A1=B5=E9=A6=96?=
 =?UTF-8?q?=E6=AC=A1=E7=A9=BA=E7=8A=B6=E6=80=81=E6=98=BE=E7=A4=BA=E5=BC=95?=
 =?UTF-8?q?=E5=AF=BC=E5=8D=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

之前: totalSessions=0 时,用户看到 stats 显示 0次/0秒 + 空日历 + 空历史,
一整页'什么都没有'。
现在: 完全没记录时只显示一张大引导卡(插画+CTA'开始训练'),
有数据后才显示 3 个统计/日历/历史卡片。
---
 pages/records/records.wxml | 23 ++++++++++++++---
 pages/records/records.wxss | 51 ++++++++++++++++++++++++++++++++++++++
 2 files changed, 70 insertions(+), 4 deletions(-)

diff --git a/pages/records/records.wxml b/pages/records/records.wxml
index 7a36f5e..de427b1 100644
--- a/pages/records/records.wxml
+++ b/pages/records/records.wxml
@@ -8,8 +8,23 @@
 
   <!-- 真实内容 (loading 时隐藏) -->
   <view hidden="{{loading}}">
-  <!-- 统计卡片 -->
-  <ui-card variant="in">
+  <!-- 首次空状态: 完全没训练记录时显示引导卡 -->
+  <view class="first-train-prompt" wx:if="{{totalSessions === 0}}">
+    <view class="empty-illus first-train-illus">
+      <view class="empty-illus-body"></view>
+      <view class="empty-illus-arm empty-illus-arm--l"></view>
+      <view class="empty-illus-arm empty-illus-arm--r"></view>
+      <view class="empty-illus-bubble">开始</view>
+    </view>
+    <text class="first-train-title">开始你的第一次训练</text>
+    <text class="first-train-sub">每一次坚持都值得被记录</text>
+    <view class="first-train-cta" bindtap="onStartTrain">
+      <text>开始训练</text>
+    </view>
+  </view>
+
+  <!-- 统计卡片 (有数据时才显示) -->
+  <ui-card variant="in" hidden="{{totalSessions === 0}}">
     <view class="stats">
       <view class="stat-item">
         <image class="stat-icon" src="{{icons.rankFill}}" mode="aspectFit"></image>
@@ -30,7 +45,7 @@
   </ui-card>
 
   <!-- 日历热力图 -->
-  <ui-card variant="in">
+  <ui-card variant="in" hidden="{{totalSessions === 0}}">
     <view class="calendar-section">
       <view class="month-picker">
         <view class="month-arrow" bindtap="onPrevMonth">
@@ -55,7 +70,7 @@
   </ui-card>
 
   <!-- 历史记录 -->
-  <ui-card variant="in">
+  <ui-card variant="in" hidden="{{totalSessions === 0}}">
     <view class="history-section">
       <view class="history-header">
         <view class="history-title-wrap">
diff --git a/pages/records/records.wxss b/pages/records/records.wxss
index b41fdb3..a6b46e7 100644
--- a/pages/records/records.wxss
+++ b/pages/records/records.wxss
@@ -346,3 +346,54 @@
   font-size: 26rpx;
   color: var(--text-secondary);
 }
+
+/* ---- 首次训练空状态引导 ---- */
+.first-train-prompt {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 60rpx 32rpx 80rpx;
+  background: var(--card-bg);
+  border-radius: 24rpx;
+  box-shadow: 0 2rpx 16rpx rgba(0, 0, 0, 0.06);
+  margin-bottom: 24rpx;
+}
+
+.first-train-illus {
+  width: 240rpx;
+  height: 240rpx;
+  margin-bottom: 32rpx;
+}
+
+.first-train-title {
+  font-size: 36rpx;
+  font-weight: 700;
+  color: var(--text);
+  margin-bottom: 12rpx;
+}
+
+.first-train-sub {
+  font-size: 26rpx;
+  color: var(--text-secondary);
+  margin-bottom: 36rpx;
+}
+
+.first-train-cta {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 88rpx;
+  padding: 0 80rpx;
+  background: linear-gradient(135deg, var(--primary), var(--primary-light));
+  color: #FFFFFF;
+  font-size: 30rpx;
+  font-weight: 600;
+  border-radius: 44rpx;
+  box-shadow: 0 8rpx 20rpx rgba(var(--primary-rgb), 0.3);
+  transition: transform 0.15s ease, box-shadow 0.15s ease;
+}
+
+.first-train-cta:active {
+  transform: scale(0.96);
+  box-shadow: 0 4rpx 10rpx rgba(var(--primary-rgb), 0.2);
+}