Files
meng_wx_program/pages/detail/detail.wxml
2025-09-28 17:07:09 +08:00

83 lines
2.3 KiB
Plaintext

<view class="container">
<view class="detail-header">
<text class="dream-title">{{dream.title}}</text>
<text class="dream-date">{{dream.date}}</text>
<!-- 情绪指示器 -->
<view class="emotion-indicator" wx:if="{{dream.emotion}}">
<icon
type="{{getEmotionIcon(dream.emotion)}}"
size="20"
color="#4a6fa5"
/>
<text class="emotion-text">{{getEmotionName(dream.emotion)}}</text>
</view>
<!-- 标签区域 -->
<view class="tags-container" wx:if="{{dream.tags.length > 0}}">
<view
wx:for="{{dream.tags}}"
wx:key="index"
class="tag"
>
{{item}}
</view>
</view>
</view>
<!-- 详情内容 -->
<view class="detail-content">
<!-- 场景 -->
<view class="content-section" wx:if="{{dream.scene}}">
<view class="section-header">
<icon type="location" size="18" color="#4a6fa5" />
<text class="section-title">场景</text>
</view>
<text class="section-content">{{dream.scene}}</text>
</view>
<!-- 人物 -->
<view class="content-section" wx:if="{{dream.characters}}">
<view class="section-header">
<icon type="user" size="18" color="#4a6fa5" />
<text class="section-title">人物</text>
</view>
<text class="section-content">{{dream.characters}}</text>
</view>
<!-- 情节 -->
<view class="content-section" wx:if="{{dream.plot}}">
<view class="section-header">
<icon type="list" size="18" color="#4a6fa5" />
<text class="section-title">情节</text>
</view>
<text class="section-content">{{dream.plot}}</text>
</view>
<!-- 其他细节 -->
<view class="content-section" wx:if="{{dream.details}}">
<view class="section-header">
<icon type="info" size="18" color="#4a6fa5" />
<text class="section-title">其他细节</text>
</view>
<text class="section-content">{{dream.details}}</text>
</view>
</view>
<!-- 操作按钮 -->
<view class="action-buttons">
<button
class="delete-btn"
bindtap="deleteRecord"
>
删除记录
</button>
<button
class="edit-btn"
bindtap="editRecord"
>
编辑记录
</button>
</view>
</view>