kydc/entry-detail/entry-detail.wxml

61 lines
2.4 KiB
Plaintext

<view class="page">
<view class="bg-orb orb1"></view>
<view class="bg-orb orb2"></view>
<scroll-view scroll-y class="content">
<view class="hero-card {{entry && entry.entry_type === 'sentence' ? 'pink' : 'cyan'}}" wx:if="{{entry}}">
<view class="hero-top">
<view class="hero-title-group">
<view class="type-chip">{{entry.entry_type === 'sentence' ? '句子' : '单词'}}</view>
<view class="hero-actions-vertical">
<view class="mini-action" bindtap="editEntry" catchtap="editEntry">✎</view>
<view class="mini-action danger" bindtap="deleteEntry" catchtap="deleteEntry">🗑</view>
</view>
</view>
</view>
<text class="main-text">{{entry.en_text}}</text>
<text class="translate">{{entry.entry_type === 'sentence' ? '翻译:' : '释义:'}}{{entry.zh_text}}</text>
<view class="detail-badges">
<view class="badge-pill">来源:{{entry.source_type}}</view>
<view class="badge-pill">状态:{{entry.status}}</view>
</view>
</view>
<view class="header">
<text class="title">词条详情</text>
<text class="subtitle">查看单词或句子的完整信息</text>
</view>
<view wx:if="{{loading}}" class="empty-state">
<text class="empty-title">加载中...</text>
</view>
<view wx:elif="{{error}}" class="error-banner">
<text class="error-text">{{error}}</text>
</view>
<view wx:elif="{{entry}}" class="info-card">
<view class="info-row">
<text class="info-label">类型</text>
<text class="info-value">{{entry.entry_type === 'sentence' ? '句子' : '单词'}}</text>
</view>
<view class="info-row">
<text class="info-label">内容</text>
<text class="info-value">{{entry.en_text}}</text>
</view>
<view class="info-row">
<text class="info-label">{{entry.entry_type === 'sentence' ? '翻译' : '释义'}}</text>
<text class="info-value">{{entry.zh_text}}</text>
</view>
<view class="info-row" wx:if="{{entry.example_text}}">
<text class="info-label">{{entry.entry_type === 'word' ? '例句' : '补充说明'}}</text>
<text class="info-value">{{entry.example_text}}</text>
</view>
<view class="info-row">
<text class="info-label">来源</text>
<text class="info-value">{{entry.source_type}}</text>
</view>
</view>
</scroll-view>
</view>