46 lines
1.8 KiB
Plaintext
46 lines
1.8 KiB
Plaintext
|
<view class="page">
|
||
|
|
<view class="topbar">
|
||
|
|
<view class="brand">
|
||
|
|
<view class="avatar-wrap"><image class="avatar" src="https://picsum.photos/300" mode="aspectFill" /></view>
|
||
|
|
<text class="brand-text">VocabMaster</text>
|
||
|
|
</view>
|
||
|
|
<view class="icon-btn">🔔</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<scroll-view scroll-y class="content">
|
||
|
|
<view class="header">
|
||
|
|
<text class="title">打卡详情</text>
|
||
|
|
<text class="subtitle">查看近期的学习与坚持记录。</text>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="card hero">
|
||
|
|
<view class="hero-row">
|
||
|
|
<view>
|
||
|
|
<text class="hero-num">12</text>
|
||
|
|
<text class="hero-label">连续打卡天数</text>
|
||
|
|
</view>
|
||
|
|
<view class="fire">🔥</view>
|
||
|
|
</view>
|
||
|
|
<view class="progress-bar"><view class="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="timeline">
|
||
|
|
<view class="entry">
|
||
|
|
<view class="dot done"></view>
|
||
|
|
<view class="entry-card"><text class="entry-title">今日已完成</text><text class="entry-desc">复习 45 词，正确率 92%</text></view>
|
||
|
|
</view>
|
||
|
|
<view class="entry">
|
||
|
|
<view class="dot"></view>
|
||
|
|
<view class="entry-card low"><text class="entry-title">昨日打卡</text><text class="entry-desc">完成 30 词复习</text></view>
|
||
|
|
</view>
|
||
|
|
<view class="entry">
|
||
|
|
<view class="dot"></view>
|
||
|
|
<view class="entry-card low"><text class="entry-title">本周目标</text><text class="entry-desc">累计打卡 5 / 7 天</text></view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</scroll-view>
|
||
|
|
</view>
|