66 lines
3.1 KiB
Plaintext
66 lines
3.1 KiB
Plaintext
<view class="page">
|
|
<view class="bg-orb orb1"></view>
|
|
<view class="bg-orb orb2"></view>
|
|
|
|
<view class="topbar">
|
|
<view class="back-chip" bindtap="goBack">←</view>
|
|
<view class="mode-chip {{isEditMode ? 'mode-chip-edit' : 'mode-chip-add'}}">{{isEditMode ? '编辑模式' : '新增模式'}}</view>
|
|
</view>
|
|
|
|
<scroll-view scroll-y class="content">
|
|
<view class="hero-card {{entryType === 'sentence' ? 'hero-pink' : 'hero-cyan'}}">
|
|
<view class="hero-copy">
|
|
<text class="eyebrow">{{isEditMode ? '更新词条' : '创建词条'}}</text>
|
|
<text class="title">{{isEditMode ? '编辑内容' : '添加新内容'}}</text>
|
|
<text class="subtitle">{{entryType === 'word' ? '记录单词、释义和例句' : '记录句子、翻译和语境说明'}}</text>
|
|
</view>
|
|
<view class="hero-badge">{{entryType === 'sentence' ? '句' : '词'}}</view>
|
|
</view>
|
|
|
|
<view class="segment-shell">
|
|
<view class="segmented">
|
|
<view class="seg {{entryType === 'word' ? 'active' : ''}}" data-type="word" bindtap="switchType">单词</view>
|
|
<view class="seg {{entryType === 'sentence' ? 'active' : ''}}" data-type="sentence" bindtap="switchType">句子</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="tip-card" wx:if="{{isEditMode}}">
|
|
<text class="tip-title">编辑提示</text>
|
|
<text class="tip-text">切换类型会改变字段含义，但不会自动清空你输入的内容。</text>
|
|
</view>
|
|
|
|
<view class="form">
|
|
<view class="field">
|
|
<text class="label">{{entryType === 'word' ? '单词' : '句子'}}</text>
|
|
<view class="input-shell">
|
|
<input
|
|
class="input"
|
|
placeholder="{{entryType === 'word' ? '输入单词...' : '输入完整句子...'}}"
|
|
bindinput="onEnInput"
|
|
value="{{enText}}"
|
|
/>
|
|
</view>
|
|
</view>
|
|
<view class="field">
|
|
<text class="label">{{entryType === 'word' ? '中文释义' : '中文翻译'}}</text>
|
|
<view class="input-shell">
|
|
<input class="input small" placeholder="{{entryType === 'word' ? '输入对应的中文含义...' : '输入句子的中文翻译...'}}" bindinput="onZhInput" value="{{zhText}}" />
|
|
</view>
|
|
</view>
|
|
<view class="field" wx:if="{{entryType === 'word'}}">
|
|
<text class="label">例句 <text class="muted">(可选)</text></text>
|
|
<view class="input-shell textarea-shell"><textarea class="textarea" placeholder="添加包含该词的典型例句..." bindinput="onExampleInput" value="{{exampleText}}" /></view>
|
|
</view>
|
|
<view class="field" wx:else>
|
|
<text class="label">补充说明 <text class="muted">(可选)</text></text>
|
|
<view class="input-shell textarea-shell"><textarea class="textarea" placeholder="可填写语境、来源或记忆提示..." bindinput="onExampleInput" value="{{exampleText}}" /></view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="action-bar">
|
|
<button class="cancel-btn" bindtap="goBack">取消</button>
|
|
<button class="save-btn" bindtap="save">{{isEditMode ? '更新' : '保存'}}</button>
|
|
</view>
|
|
</scroll-view>
|
|
</view>
|