41 lines
1.2 KiB
Plaintext
41 lines
1.2 KiB
Plaintext
|
<view class="page">
|
||
|
|
<view class="topbar">
|
||
|
|
<view class="brand">
|
||
|
|
<view class="avatar-wrap"><image class="avatar" src="https://picsum.photos/290" 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="list">
|
||
|
|
<view class="row">
|
||
|
|
<view>
|
||
|
|
<text class="word">Ephemeral</text>
|
||
|
|
<text class="desc">短暂的，朝生暮死的</text>
|
||
|
|
</view>
|
||
|
|
<text class="percent cyan">95%</text>
|
||
|
|
</view>
|
||
|
|
<view class="row">
|
||
|
|
<view>
|
||
|
|
<text class="word">Ubiquitous</text>
|
||
|
|
<text class="desc">普遍存在的，无处不在的</text>
|
||
|
|
</view>
|
||
|
|
<text class="percent purple">60%</text>
|
||
|
|
</view>
|
||
|
|
<view class="row">
|
||
|
|
<view>
|
||
|
|
<text class="word">Obfuscate</text>
|
||
|
|
<text class="desc">使模糊，使混乱</text>
|
||
|
|
</view>
|
||
|
|
<text class="percent pink">30%</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</scroll-view>
|
||
|
|
</view>
|