feat: 记录页首次空状态显示引导卡
之前: totalSessions=0 时,用户看到 stats 显示 0次/0秒 + 空日历 + 空历史, 一整页'什么都没有'。 现在: 完全没记录时只显示一张大引导卡(插画+CTA'开始训练'), 有数据后才显示 3 个统计/日历/历史卡片。
This commit is contained in:
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user