56 lines
2.4 KiB
Plaintext
56 lines
2.4 KiB
Plaintext
|
<view class="page">
|
||
|
|
<view class="topbar">
|
||
|
|
<view class="brand">
|
||
|
|
<view class="avatar-wrap"><image class="avatar" src="https://picsum.photos/200" mode="aspectFill" /></view>
|
||
|
|
<text class="brand-text">VocabMaster</text>
|
||
|
|
</view>
|
||
|
|
<view class="icon-btn">🔔</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<scroll-view scroll-y class="content">
|
||
|
|
<view class="greeting">
|
||
|
|
<text class="title">早安，同学</text>
|
||
|
|
<text class="subtitle">今天也要稳步推进</text>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="grid-layout">
|
||
|
|
<view class="hero-card">
|
||
|
|
<view class="hero-overlay"></view>
|
||
|
|
<view class="hero-row">
|
||
|
|
<view>
|
||
|
|
<text class="hero-number">45</text>
|
||
|
|
<text class="label">今日待复习</text>
|
||
|
|
</view>
|
||
|
|
<view class="hero-icon">🧠</view>
|
||
|
|
</view>
|
||
|
|
<view class="hero-grid">
|
||
|
|
<view class="metric-card"><text class="metric-value">120</text><text class="label small">已完成</text></view>
|
||
|
|
<view class="metric-card"><text class="metric-value accent">92%</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">连续打卡 12 天</text></view>
|
||
|
|
<text class="streak-goal">周目标 5/7</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>
|