115 lines
3.2 KiB
Plaintext
115 lines
3.2 KiB
Plaintext
<view class="container">
|
|
<!-- 记录标题 -->
|
|
<view class="input-section">
|
|
<text class="section-title">梦境标题</text>
|
|
<input
|
|
class="dream-title"
|
|
placeholder="给你的梦境起个名字吧..."
|
|
bindinput="onTitleChange"
|
|
/>
|
|
</view>
|
|
|
|
<!-- 分段记录区域 -->
|
|
<view class="section">
|
|
<text class="section-title">梦境内容</text>
|
|
<text class="section-desc">可以分场景、人物、情绪等方面记录</text>
|
|
|
|
<!-- 场景描述 -->
|
|
<view class="segment">
|
|
<view class="segment-header">
|
|
<icon type="location" size="18" color="#4a6fa5" />
|
|
<text class="segment-title">场景</text>
|
|
</view>
|
|
<textarea
|
|
class="segment-content"
|
|
placeholder="描述一下梦中的场景环境..."
|
|
bindinput="onSceneChange"
|
|
></textarea>
|
|
</view>
|
|
|
|
<!-- 人物描述 -->
|
|
<view class="segment">
|
|
<view class="segment-header">
|
|
<icon type="user" size="18" color="#4a6fa5" />
|
|
<text class="segment-title">人物</text>
|
|
</view>
|
|
<textarea
|
|
class="segment-content"
|
|
placeholder="梦中出现了哪些人物？他们做了什么？"
|
|
bindinput="onCharactersChange"
|
|
></textarea>
|
|
</view>
|
|
|
|
<!-- 情节描述 -->
|
|
<view class="segment">
|
|
<view class="segment-header">
|
|
<icon type="list" size="18" color="#4a6fa5" />
|
|
<text class="segment-title">情节</text>
|
|
</view>
|
|
<textarea
|
|
class="segment-content"
|
|
placeholder="描述梦境中的主要情节和发展..."
|
|
bindinput="onPlotChange"
|
|
></textarea>
|
|
</view>
|
|
|
|
<!-- 其他细节 -->
|
|
<view class="segment">
|
|
<view class="segment-header">
|
|
<icon type="info" size="18" color="#4a6fa5" />
|
|
<text class="segment-title">其他细节</text>
|
|
</view>
|
|
<textarea
|
|
class="segment-content"
|
|
placeholder="还有什么想记录的细节？"
|
|
bindinput="onDetailsChange"
|
|
></textarea>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 标签选择 -->
|
|
<view class="section">
|
|
<text class="section-title">梦境标签</text>
|
|
<text class="section-desc">选择与你的梦境相关的标签</text>
|
|
|
|
<view class="tags-container">
|
|
<view
|
|
wx:for="{{dreamTags}}"
|
|
wx:key="index"
|
|
class="tag {{selectedTags.includes(item) ? 'tag-selected' : ''}}"
|
|
bindtap="toggleTag"
|
|
data-tag="{{item}}"
|
|
>
|
|
{{item}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 情绪标记 -->
|
|
<view class="section">
|
|
<text class="section-title">情绪标记</text>
|
|
<text class="section-desc">这个梦境带给你什么感受？</text>
|
|
|
|
<view class="emotions-container">
|
|
<view
|
|
wx:for="{{emotions}}"
|
|
wx:key="index"
|
|
class="emotion {{selectedEmotion === item.value ? 'emotion-selected' : ''}}"
|
|
bindtap="selectEmotion"
|
|
data-emotion="{{item.value}}"
|
|
>
|
|
<icon type="{{item.icon}}" size="24" />
|
|
<text>{{item.name}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 保存按钮 -->
|
|
<button
|
|
class="save-btn"
|
|
bindtap="saveDreamRecord"
|
|
>
|
|
保存梦境记录
|
|
</button>
|
|
</view>
|