first

pages/detail/detail.wxml

@@ -0,0 +1,82 @@
+<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>