kydc/progress-list/progress-list.wxml

<view class="page">
  <scroll-view scroll-y class="content">
    <view class="header">
      <text class="title">进度列表</text>
      <text class="subtitle">查看每个词条的掌握程度。</text>
    </view>

    <view wx:if="{{loading}}" class="empty-state">
      <text class="empty-title">加载中...</text>
      <text class="empty-subtitle">正在同步进度数据</text>
    </view>

    <view wx:elif="{{error}}" class="error-banner">
      <text class="error-text">{{error}}</text>
    </view>

    <view wx:else>
      <view class="section-title">待复习</view>
      <view class="list" wx:if="{{reviewList.length}}">
        <block wx:for="{{reviewList}}" wx:key="id">
          <view class="row">
            <view>
              <text class="word">{{item.en_text}}</text>
              <text class="desc">{{item.zh_text}}</text>
            </view>
            <text class="percent pink">{{item.mastery_score}}%</text>
          </view>
        </block>
      </view>
      <view wx:else class="empty-state small">
        <text class="empty-title">暂无待复习内容</text>
      </view>

      <view class="section-title">已掌握</view>
      <view class="list" wx:if="{{masteredList.length}}">
        <block wx:for="{{masteredList}}" wx:key="id">
          <view class="row">
            <view>
              <text class="word">{{item.en_text}}</text>
              <text class="desc">{{item.zh_text}}</text>
            </view>
            <text class="percent cyan">{{item.mastery_score}}%</text>
          </view>
        </block>
      </view>
      <view wx:else class="empty-state small">
        <text class="empty-title">暂无已掌握内容</text>
      </view>
    </view>
  </scroll-view>
</view>