kydc/vocab-manage/vocab-manage.wxml

<view class="page">
  <scroll-view scroll-y class="content">
    <view class="header">
      <text class="title">词库管理</text>
      <text class="subtitle">管理并策划你的个人词汇集合。</text>
    </view>

    <view class="toolbar">
      <button class="primary-btn" bindtap="goAdd">新增</button>
      <button class="secondary-btn" bindtap="goBatch">批量上传</button>
      <button class="secondary-btn" bindtap="goProgress">进度</button>
      <button class="secondary-btn" bindtap="goSettings">设置</button>
    </view>

    <view class="search-row">
      <view class="search-box">
        <text class="search-icon">🔎</text>
        <text class="search-placeholder">搜索单词、短语或标签...</text>
      </view>
    </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:elif="{{!list.length}}" class="empty-state">
      <text class="empty-title">暂无词条</text>
      <text class="empty-subtitle">点击“新增”或“批量上传”开始构建词库</text>
    </view>

    <view wx:else class="card-grid">
      <block wx:for="{{list}}" wx:key="id">
        <view class="word-card cyan">
          <view class="card-top">
            <view>
              <text class="word-title">{{item.en_text}}</text>
              <text class="phonetic">{{item.entry_type}}</text>
            </view>
            <view class="status-dot done">{{item.status}}</view>
          </view>
          <text class="meaning">{{item.zh_text}}</text>
          <text class="example" wx:if="{{item.example_text}}">{{item.example_text}}</text>
        </view>
      </block>
    </view>
  </scroll-view>

  <view class="fab" bindtap="goAdd">＋</view>
</view>