58 lines
2.7 KiB
Plaintext
58 lines
2.7 KiB
Plaintext
<view class="page">
|
|
<scroll-view scroll-y class="content">
|
|
<view class="greeting">
|
|
<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 wx:elif="{{stats.review_count === 0 && stats.total_entries === 0}}" class="empty-state">
|
|
<text class="empty-title">还没有词库</text>
|
|
<text class="empty-subtitle">先去“我的”里上传一些单词或句子吧</text>
|
|
</view>
|
|
|
|
<view wx:else class="grid-layout">
|
|
<view class="hero-card">
|
|
<view class="hero-overlay"></view>
|
|
<view class="hero-row">
|
|
<view>
|
|
<text class="hero-number">{{stats.review_count}}</text>
|
|
<text class="label">今日待复习</text>
|
|
</view>
|
|
<view class="hero-icon">🧠</view>
|
|
</view>
|
|
<view class="hero-grid">
|
|
<view class="metric-card"><text class="metric-value">{{stats.total_entries}}</text><text class="label small">词库总数</text></view>
|
|
<view class="metric-card"><text class="metric-value accent">{{stats.checkin_count}}</text><text class="label small">打卡次数</text></view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="stack">
|
|
<view class="streak-card">
|
|
<view class="streak-head">
|
|
<view class="streak-left"><view class="fire">🔥</view><text class="streak-title">已掌握 {{stats.mastered_count}} 个</text></view>
|
|
<text class="streak-goal">复习记录 {{stats.review_records}}</text>
|
|
</view>
|
|
<view class="progress-bar"><view class="progress-fill"></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="actions">
|
|
<button class="primary-btn" bindtap="goToReview">开始今日复习</button>
|
|
<button class="secondary-btn" bindtap="goToReview">继续上次复习</button>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</scroll-view>
|
|
|
|
<view class="bottom-nav">
|
|
<view class="nav-item active" bindtap="goHome"><text class="nav-icon">⌂</text><text class="nav-label">首页</text></view>
|
|
<view class="nav-item" bindtap="goToReview"><text class="nav-icon">📖</text><text class="nav-label">复习</text></view>
|
|
<view class="nav-item" bindtap="goToMe"><text class="nav-icon">☺</text><text class="nav-label">我的</text></view>
|
|
</view>
|
|
</view>
|