51 lines
1.7 KiB
Plaintext
51 lines
1.7 KiB
Plaintext
|
<view class="page">
|
||
|
|
<view class="topbar">
|
||
|
|
<view class="brand">
|
||
|
|
<view class="avatar-wrap"><image class="avatar" src="https://picsum.photos/260" mode="aspectFill" /></view>
|
||
|
|
<text class="brand-text">VocabMaster</text>
|
||
|
|
</view>
|
||
|
|
<view class="icon-btn">🔔</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<scroll-view scroll-y class="content">
|
||
|
|
<view class="heading">
|
||
|
|
<text class="title">成就墙</text>
|
||
|
|
<text class="subtitle">把你的每一次坚持都挂在墙上</text>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="hero-card">
|
||
|
|
<view class="hero-glow"></view>
|
||
|
|
<view class="hero-row">
|
||
|
|
<view>
|
||
|
|
<text class="hero-num">14</text>
|
||
|
|
<text class="hero-label">已点亮勋章</text>
|
||
|
|
</view>
|
||
|
|
<view class="hero-badge">🏆</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="grid">
|
||
|
|
<view class="item accent-tertiary">
|
||
|
|
<view class="item-icon">🎖</view>
|
||
|
|
<text class="item-title">坚持不懈</text>
|
||
|
|
<text class="item-sub">连续复习 7 天</text>
|
||
|
|
</view>
|
||
|
|
<view class="item accent-secondary">
|
||
|
|
<view class="item-icon">🔥</view>
|
||
|
|
<text class="item-title">连续打卡</text>
|
||
|
|
<text class="item-sub">持续 12 天</text>
|
||
|
|
</view>
|
||
|
|
<view class="item accent-primary">
|
||
|
|
<view class="item-icon">⚡</view>
|
||
|
|
<text class="item-title">速记达人</text>
|
||
|
|
<text class="item-sub">单次正确率 95%</text>
|
||
|
|
</view>
|
||
|
|
<view class="item accent-secondary">
|
||
|
|
<view class="item-icon">⭐</view>
|
||
|
|
<text class="item-title">全勤玩家</text>
|
||
|
|
<text class="item-sub">周目标全完成</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</scroll-view>
|
||
|
|
</view>
|