43 lines
1.8 KiB
Plaintext
43 lines
1.8 KiB
Plaintext
|
<view class="page">
|
||
|
|
<scroll-view scroll-y class="content">
|
||
|
|
<view class="header">
|
||
|
|
<text class="title">打卡详情</text>
|
||
|
|
<text class="subtitle">查看近期的学习与坚持记录。</text>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view wx:if="{{!stats}}" class="empty-state">
|
||
|
|
<text class="empty-title">暂无打卡数据</text>
|
||
|
|
<text class="empty-subtitle">完成一次复习后即可自动生成打卡记录</text>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="card hero" wx:if="{{stats}}">
|
||
|
|
<view class="hero-row">
|
||
|
|
<view>
|
||
|
|
<text class="hero-num">{{stats.streak_days}}</text>
|
||
|
|
<text class="hero-label">连续打卡天数</text>
|
||
|
|
</view>
|
||
|
|
<view class="fire">🔥</view>
|
||
|
|
</view>
|
||
|
|
<view class="progress-bar"><view class="fill" style="width: {{stats.week_checkins / 7 * 100}}%;"></view></view>
|
||
|
|
<view class="week-row">
|
||
|
|
<text class="day">一</text><text class="day">二</text><text class="day">三</text><text class="day">四</text><text class="day active">五</text><text class="day">六</text><text class="day">日</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="timeline" wx:if="{{stats}}">
|
||
|
|
<view class="entry">
|
||
|
|
<view class="dot done"></view>
|
||
|
|
<view class="entry-card"><text class="entry-title">总打卡次数</text><text class="entry-desc">{{stats.total_checkins}} 次</text></view>
|
||
|
|
</view>
|
||
|
|
<view class="entry">
|
||
|
|
<view class="dot"></view>
|
||
|
|
<view class="entry-card low"><text class="entry-title">本周打卡</text><text class="entry-desc">{{stats.week_checkins}} 次</text></view>
|
||
|
|
</view>
|
||
|
|
<view class="entry">
|
||
|
|
<view class="dot"></view>
|
||
|
|
<view class="entry-card low"><text class="entry-title">本月打卡</text><text class="entry-desc">{{stats.month_checkins}} 次</text></view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</scroll-view>
|
||
|
|
</view>
|