65 lines
2.6 KiB
Plaintext
65 lines
2.6 KiB
Plaintext
|
<view class="page">
|
||
|
|
<view class="topbar">
|
||
|
|
<view class="brand">
|
||
|
|
<view class="avatar-wrap"><image class="avatar" src="https://picsum.photos/280" 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">通过 Excel 文件快速导入您的词库。</text>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="layout">
|
||
|
|
<view class="instruction-card">
|
||
|
|
<text class="section-title">上传指南</text>
|
||
|
|
<view class="steps">
|
||
|
|
<view class="step active">
|
||
|
|
<view class="step-dot active-dot">1</view>
|
||
|
|
<view class="step-card">
|
||
|
|
<text class="step-title">下载模板</text>
|
||
|
|
<text class="step-desc">获取标准 Excel 格式文件</text>
|
||
|
|
<text class="download">⬇ 下载模板.xlsx</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<view class="step">
|
||
|
|
<view class="step-dot">2</view>
|
||
|
|
<view class="step-card low"><text class="step-title">填写数据</text><text class="step-desc">按照列名填入单词与释义</text></view>
|
||
|
|
</view>
|
||
|
|
<view class="step">
|
||
|
|
<view class="step-dot">3</view>
|
||
|
|
<view class="step-card low"><text class="step-title">拖拽上传</text><text class="step-desc">将文件拖入右侧区域</text></view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="upload-card">
|
||
|
|
<view class="dropzone">
|
||
|
|
<view class="upload-icon">⤴</view>
|
||
|
|
<text class="drop-title">点击上传Excel</text>
|
||
|
|
<text class="drop-desc">或将文件拖拽至此处。<br />支持 .xlsx, .xls 格式，最大 10MB。</text>
|
||
|
|
<button class="choose-btn">选择文件</button>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="feedback-card">
|
||
|
|
<view class="feedback-left">
|
||
|
|
<view class="status-icon">✓</view>
|
||
|
|
<view>
|
||
|
|
<text class="feedback-title">处理完成</text>
|
||
|
|
<text class="feedback-file">vocabulary_list_v2.xlsx</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<view class="feedback-stats">
|
||
|
|
<view class="stat"><text class="stat-num good">100</text><text class="stat-label">成功条数</text></view>
|
||
|
|
<view class="divider"></view>
|
||
|
|
<view class="stat"><text class="stat-num bad">0</text><text class="stat-label">失败条数</text></view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</scroll-view>
|
||
|
|
</view>
|