1

pages/forum-detail/forum-detail.wxml

@@ -0,0 +1,111 @@
+<!--pages/forum-detail/forum-detail.wxml-->
+<view class="container" wx:if="{{post}}">
+  <!-- 帖子内容 -->
+  <view class="post-detail">
+    <!-- 帖子头部 -->
+    <view class="post-header">
+      <image class="avatar" src="{{post.avatar || '/images/avatar-default.png'}}" mode="aspectFill"></image>
+      <view class="author-info">
+        <view class="author-name">{{post.author}}</view>
+        <view class="post-time">{{post.time}}</view>
+      </view>
+      <view class="category-tag">{{post.category}}</view>
+    </view>
+
+    <!-- 帖子标题 -->
+    <view class="post-title">{{post.title}}</view>
+
+    <!-- 帖子正文 -->
+    <view class="post-content">{{post.content}}</view>
+
+    <!-- 帖子图片 -->
+    <view class="post-images" wx:if="{{post.images && post.images.length > 0}}">
+      <image 
+        class="post-image"
+        wx:for="{{post.images}}"
+        wx:key="index"
+        wx:for-item="img"
+        src="{{img}}"
+        mode="aspectFill"
+        bindtap="onPreviewImage"
+        data-url="{{img}}"
+        data-urls="{{post.images}}"
+      ></image>
+    </view>
+
+    <!-- 统计信息 -->
+    <view class="post-stats">
+      <view class="stat-item">
+        <text class="stat-icon">👀</text>
+        <text class="stat-text">{{post.views}}次浏览</text>
+      </view>
+      <view class="stat-item">
+        <text class="stat-icon">❤️</text>
+        <text class="stat-text">{{post.likes}}次点赞</text>
+      </view>
+      <view class="stat-item">
+        <text class="stat-icon">💬</text>
+        <text class="stat-text">{{comments.length}}条评论</text>
+      </view>
+    </view>
+  </view>
+
+  <!-- 评论区 -->
+  <view class="comments-section">
+    <view class="section-title">
+      <text class="title-text">全部评论</text>
+      <text class="title-count">({{comments.length}})</text>
+    </view>
+
+    <view class="comments-list">
+      <view class="comment-item" wx:for="{{comments}}" wx:key="id">
+        <image class="comment-avatar" src="{{item.avatar || '/images/avatar-default.png'}}" mode="aspectFill"></image>
+        <view class="comment-content">
+          <view class="comment-author">{{item.author}}</view>
+          <view class="comment-text">{{item.content}}</view>
+          <view class="comment-time">{{item.time}}</view>
+        </view>
+      </view>
+
+      <view class="no-comments" wx:if="{{comments.length === 0}}">
+        <text class="no-comments-text">暂无评论，快来发表第一条评论吧~</text>
+      </view>
+    </view>
+  </view>
+
+  <!-- 底部操作栏 -->
+  <view class="action-bar">
+    <!-- 评论输入区 -->
+    <view class="input-row">
+      <input 
+        class="comment-input"
+        placeholder="说点什么..."
+        value="{{commentText}}"
+        bindinput="onCommentInput"
+      />
+      <button class="send-btn" bindtap="onSubmitComment">发送</button>
+    </view>
+    
+    <!-- 操作按钮区 -->
+    <view class="action-row">
+      <view 
+        class="action-btn {{post.isLiked ? 'liked' : ''}}"
+        bindtap="onLike"
+      >
+        <text class="action-icon">{{post.isLiked ? '❤️' : '🤍'}}</text>
+        <text class="action-text">点赞</text>
+      </view>
+      <button class="action-btn" open-type="share">
+        <text class="action-icon">📤</text>
+        <text class="action-text">转发</text>
+      </button>
+      <view 
+        class="action-btn {{post.isFavorite ? 'favorited' : ''}}" 
+        bindtap="onFavorite"
+      >
+        <text class="action-icon">{{post.isFavorite ? '⭐' : '☆'}}</text>
+        <text class="action-text">收藏</text>
+      </view>
+    </view>
+  </view>
+</view>