southnote-sdk 1.0.0

package/pages/post/post.wxml

@@ -0,0 +1,686 @@
+<view class="post-detail">
+  <!-- 攻略标题 -->
+  <view wx:if="{{hasTitle}}" style="padding-left: 20rpx;">
+    <text style="color:#333; font-size:44rpx; font-weight:bold; line-height:45rpx;">
+      {{titleText}}
+    </text>
+  </view>
+  <view style=" padding: 30rpx;">
+
+
+    <van-skeleton title avatar row="8" loading="{{ loading }}">
+
+      <!-- 顶部用户信息 -->
+      <view class="post-header">
+        <image class="avatar" src="{{item.user.avatar ? item.user.avatar+'?x-oss-process=image/resize,w_256' : '../../assets/images/icons/header_placeholder.png'}}" mode="aspectFill" />
+        <view class="user-info">
+          <view style="display: flex;align-items: center;">
+            <text class="nickname">{{item.user.nickname}}</text>
+
+            <view class="level-icon" style="margin-bottom: 10rpx;">
+              <image class="level-img" src="{{item.user.levelImg}}" mode="aspectFit"></image>
+              <text class="level-text">{{item.user.level}}</text>
+            </view>
+          </view>
+          <text class="time">{{item.post.formatTime}} · {{item.post.ip}}</text>
+        </view>
+      </view>
+
+      <!-- 文字内容 -->
+      <view class="post-content {{showFull ? 'show-full' : ''}}">
+        <view wx:if="{{item.post.vote}}" style="position: relative;bottom: 3.5rpx; display: inline-block; background-color: #002fa7; color: #fff; font-size: 20rpx; padding: 0rpx 12rpx; border-radius: 6rpx;text-align: center;line-height: 31rpx; margin: 0 5rpx 0 0;">
+          投票
+        </view>
+
+        <view wx:if="{{item.post.lottery}}" style="position: relative;bottom: 3.5rpx; display: inline-block; background-color: #ee7f13; color: #fff; font-size: 20rpx; padding: 0rpx 12rpx; border-radius: 6rpx;text-align: center;line-height: 31rpx; margin: 0 5rpx 0 0;">
+          抽奖
+        </view>
+
+        <view wx:if="{{(item.post.lottery && isLotteryEnded) || (item.post.vote && isVoteEnded)}}" style="position: relative;bottom: 3.5rpx; display: inline-block; background-color: #c5c5c5; color: black; font-size: 20rpx; padding: 0rpx 12rpx; border-radius: 6rpx;text-align: center;line-height: 31rpx; margin: 0 5rpx 0 0;">
+          已结束
+        </view>
+
+        <block wx:for="{{contentParts}}" wx:for-item="part" wx:key="part" style="color: {{part.color}}">
+          <view wx:if="{{part.type === 'br'}}" style="height: 2rpx;"></view>
+          <image wx:elif="{{part.type === 'emoji'}}" class="emoji" src="{{part.src}}" mode="aspectFit" />
+          <span wx:elif="{{part.type === 'image'}}" style="color: {{part.color || '#406ce3'}};line-height: 50rpx;font-size: 30rpx;" bindtap="onPreviewImage" data-src="{{part.src}}">
+            {{part.text}}
+          </span>
+
+          <span wx:elif="{{part.type === 'title'}}">
+          </span>
+          <!-- 攻略内容中的本地图片（local_img） -->
+          <image wx:elif="{{part.type === 'local_img'}}" class="post-image-full" src="{{item.post.imageArray[part.src]}}" mode="widthFix" bindtap="previewImageMultiple" data-index="{{part.src}}" />
+
+          <span catchtap="onJumpUrlTap" data-url="{{part.url}}" wx:elif="{{part.type === 'jump_url'}}" style="color: {{part.color || '#333'}};line-height: 50rpx;font-size: 30rpx;word-wrap: break-word;white-space: normal;text-decoration: underline;">
+            {{part.text}}
+          </span>
+
+          <span wx:elif="{{part.type === 'guide'}}" style="color: {{part.color || '#333'}}; line-height: 50rpx; font-size: 30rpx;" catchtap="gotoWiki" data-id="{{part.guideGameId}}" data-name="{{part.guideName}}">
+            {{part.text}}
+          </span>
+
+          <span wx:else style="color: {{part.color || '#333'}}; line-height: 50rpx; font-size: 30rpx; word-wrap: break-word; white-space: normal;" catchtap="onPartTap" data-type="{{part.type}}" data-id="{{part.id || part.gameId || part.userId}}" data-text="{{part.text}}">
+            {{part.text}}
+          </span>
+
+        </block>
+
+
+        <!-- 评论拼接 -->
+        <block wx:if="{{commentedContentParts.length > 0}}">
+          <span style="color: #333;"> // </span>
+          <block wx:for="{{commentedContentParts}}" wx:for-item="part" wx:key="part">
+            <view wx:if="{{part.type === 'br'}}" style="height: 2rpx;"></view>
+            <image wx:elif="{{part.type === 'emoji'}}" class="emoji" src="{{part.src}}" mode="aspectFit" />
+            <span wx:elif="{{part.type === 'view_img'}}" style="color: {{part.color || '#333'}};line-height: 50rpx;font-size: 30rpx;" catchtap="onPreviewImage" data-src="{{part.src}}">
+              {{part.text}}
+            </span>
+            <span wx:elif="{{part.type === 'at'}}" style="color: {{part.color || '#333'}}; line-height: 50rpx; font-size: 30rpx;" catchtap="onPartTap" data-type="{{part.type}}" data-id="{{part.userId}}">
+              {{part.text}}
+            </span>
+
+            <span wx:elif="{{part.type === 'guide'}}" style="color: {{part.color || '#333'}}; line-height: 50rpx; font-size: 30rpx;" catchtap="gotoWiki" data-id="{{part.guideGameId}}" data-name="{{part.guideName}}">
+              {{part.text}}
+            </span>
+
+            <span wx:else style="color: {{part.color || '#333'}};line-height: 50rpx;font-size: 30rpx;">
+              {{part.text}}
+            </span>
+          </block>
+        </block>
+
+
+      </view>
+
+      <view catch:tap="checkDialog" wx:if="{{item.commented && item.commented.length && item.commented[0].post && item.commented[0].post.reply_user_id}}" style="margin: 5rpx 0; color: #777777;display: flex;align-items: center;line-height: 50rpx;">
+        <image src="../../assets/images/icons/attachment.png" style="width: 50rpx; height: 40rpx;margin-right: 5rpx;" />
+        查看对话➤
+      </view>
+
+
+
+      <!-- 转发的原始帖 -->
+      <view wx:if="{{item.shared && item.shared.post}}" style="background-color: #f5f5f5; padding: 16rpx; border-radius: 10rpx; margin-top: 10rpx;" bindtap="goSharedDetail" data-id="{{item.shared.post.id}}">
+
+
+
+        <!-- 原始帖文字内容 -->
+        <view class="shared-post-content" style="margin-bottom: 10rpx;">
+          <view wx:if="{{item.shared.post.vote}}" style="position: relative;bottom: 3.5rpx; display: inline-block; background-color: #002fa7; color: #fff; font-size: 20rpx; padding: 0rpx 12rpx; border-radius: 6rpx;text-align: center;line-height: 31rpx; margin: 0 5rpx 0 0;">
+            投票
+          </view>
+
+          <view wx:if="{{item.shared.post.lottery}}" style="position: relative;bottom: 3.5rpx; display: inline-block; background-color: #ee7f13; color: #fff; font-size: 20rpx; padding: 0rpx 12rpx; border-radius: 6rpx;text-align: center;line-height: 31rpx; margin: 0 5rpx 0 0;">
+            抽奖
+          </view>
+
+          <view wx:if="{{(item.shared.post.lottery && isLotteryEnded) || (item.shared.post.vote && isVoteEnded)}}" style="position: relative;bottom: 3.5rpx; display: inline-block; background-color: #c5c5c5; color: black; font-size: 20rpx; padding: 0rpx 12rpx; border-radius: 6rpx;text-align: center;line-height: 31rpx; margin: 0 5rpx 0 0;">
+            已结束
+          </view>
+
+          <!-- 原始用户昵称 -->
+          <span style="color: #406ce3;  margin-bottom: 8rpx;font-size: 28rpx;">
+            @{{item.shared.user.nickname}}:
+          </span>
+
+
+          <block wx:for="{{sharedContentParts}}" wx:for-item="part" wx:key="part">
+            <view wx:if="{{part.type === 'br'}}" style="height: 2rpx;"></view>
+            <image wx:elif="{{part.type === 'emoji'}}" class="emoji" src="{{part.src}}" mode="aspectFit" />
+            <span wx:elif="{{part.type === 'guide'}}" style="color: {{part.color || '#333'}}; line-height: 50rpx; font-size: 30rpx;" catchtap="gotoWiki" data-id="{{part.guideGameId}}" data-name="{{part.guideName}}">
+              {{part.text}}
+            </span>
+            <span wx:elif="{{part.text === ' '}}">{{' '}}</span>
+            <!-- 如果是图片类型就隐藏掉 -->
+            <span wx:elif="{{part.type === 'image'}}"></span>
+            <span wx:else style="color: {{part.color || '#333'}}; line-height: 50rpx; font-size: 30rpx; word-wrap: break-word; white-space: normal;font-size: 28rpx;" catchtap="onPartTap" data-type="{{part.type}}" data-id="{{part.id || part.gameId || part.userId}}" data-text="{{part.text}}">
+              {{part.text}}
+            </span>
+          </block>
+        </view>
+
+
+        <!-- 原始帖视频 -->
+        <view wx:if="{{item.shared.post.is_video === 1}}" class="banner-video-wrapper">
+
+          <!-- 1️⃣ 未加载视频：poster + 播放按钮 -->
+          <view wx:if="{{!item.shared.post.videoUrl}}" class="video-poster-wrapper" catchtap="onBannerVideoPlay" data-id="{{item.post.id}}" data-type="shared" data-sharedid="{{item.shared.post.id}}">
+            <image class="banner-video" src="{{item.shared.post.images}}" mode="aspectFit" />
+            <!-- 播放按钮 -->
+            <view wx:if="{{item.shared.post.images}}" class="custom-play-btn" catchtap="onBannerVideoPlay" data-id="{{item.post.id}}" data-type="shared" data-sharedid="{{item.shared.post.id}}"></view>
+          </view>
+
+          <!-- 2️⃣ 已加载视频：video 播放器 -->
+          <video wx:else id="bannerVideo-{{item.post.id}}" data-video="1" class="banner-video" src="{{item.shared.post.videoUrl}}" controls="{{true}}" poster="{{item.shared.post.images}}" enable-play-gesture="{{true}}" object-fit="contain" autoplay="{{true}}" style="width: 100%;height: 100%;" bindplay="handlePlayVideo" bindpause="onVideoPause" />
+
+        </view>
+
+
+        <!-- 原始帖图片内容 -->
+        <!-- 单张图片 -->
+        <image wx:if="{{item.shared.post.imageArray.length === 1 && item.shared.post.is_video !== 1}}" class="post-image" src="{{item.shared.post.imageArray[0]}}" mode="widthFix" bindtap="previewImageMultiple" data-type="shared" data-index="1" />
+
+        <!-- 多图显示 -->
+        <view wx:if="{{item.shared.post.imageArray.length > 1}}" class="post-image-grid">
+          <block wx:for="{{item.shared.post.imageArray}}" wx:for-item="img" wx:for-index="idx" wx:key="idx">
+
+            <block>
+
+
+              <view class="grid-image-wrapper1">
+                <image class="grid-image1" src="{{img}}" mode="aspectFill" bindtap="previewImageMultiple" data-type="shared" data-index="{{idx}}" />
+                <!-- <view wx:if="{{idx === 2 && item.shared.post.imageArray.length > 3}}" class="extra-overlay">
+                  +{{item.shared.post.imageArray.length - 3}}
+                </view> -->
+              </view>
+
+
+            </block>
+
+            <block wx:if="{{item.shared.post.imageArray.length === 4 && idx === 1}}">
+              <view class="grid-image-placeholder1"></view>
+            </block>
+          </block>
+        </view>
+
+        <!-- 原始帖回复提示 -->
+        <view wx:if="{{item.shared && item.shared.post && item.shared.post.comment_count > 0}}" style="margin-top: 10rpx; color: #999; font-size: 28rpx;">
+          去看{{item.shared.post.comment_count}}条回复 >
+        </view>
+
+      </view>
+
+      <!-- 原帖已删除 -->
+      <view class="deleted" wx:if="{{item.shared && !item.shared.post}}">
+        原文已被删除
+      </view>
+
+      <view class="deleted" wx:if="{{item.user.status === 3}}">
+        原文账户被封禁，已无法查看
+      </view>
+
+
+
+      <!-- 当前帖视频 -->
+      <view wx:if="{{item.post.is_video === 1}}" class="banner-video-wrapper">
+
+        <!-- 1️⃣ 未加载视频：poster + 播放按钮 -->
+        <view wx:if="{{!item.post.videoUrl}}" class="video-poster-wrapper" catchtap="onBannerVideoPlay" data-id="{{item.post.id}}">
+          <image class="banner-video" src="{{item.post.images}}" mode="aspectFit" />
+          <!-- 播放按钮 -->
+          <view wx:if="{{item.post.images}}" class="custom-play-btn" catchtap="onBannerVideoPlay" data-id="{{item.post.id}}"></view>
+        </view>
+
+        <!-- 2️⃣ 已加载视频：video 播放器 -->
+        <video wx:else id="bannerVideo-{{item.post.id}}" data-video="1" class="banner-video" src="{{item.post.videoUrl}}" controls="{{true}}" poster="{{item.post.images}}" enable-play-gesture="{{true}}" object-fit="contain" autoplay="{{true}}" style="width: 100%;height: 100%;" bindplay="handlePlayVideo" bindpause="onVideoPause" />
+
+      </view>
+
+
+      <!-- 当前帖图片内容 -->
+      <image wx:if="{{ !hasTitle && !item.shared && item.post.imageArray.length === 1 && item.post.is_video !== 1}}" class="post-image" src="{{item.post.imageArray[0]}}" mode="{{isLongImage?'aspectFill': (isHorizonImage||isSuperLongImage)?'widthFix': 'heightFix'}}" bindtap="previewImageMultiple" bindload="onImageLoad" data-index="1" style="{{(item.post.vote||item.post.lottery||isSuperLongImage) ? 'max-width: 100%;':'max-width: 66%;max-height: 66vw;'}}" />
+
+
+
+      <view wx:if="{{ !hasTitle && !item.shared && item.post.imageArray.length > 1}}" class="post-image-grid">
+        <block wx:for="{{item.post.imageArray}}" wx:for-item="img" wx:for-index="idx" wx:key="idx">
+          <block>
+            <view class="grid-image-wrapper">
+              <image class="grid-image" src="{{img}}" mode="aspectFill" bindtap="previewImageMultiple" data-index="{{idx}}" />
+            </view>
+
+            <block wx:if="{{item.post.imageArray.length === 4 && idx === 1}}">
+              <view class="grid-image-placeholder"></view>
+            </block>
+
+          </block>
+        </block>
+      </view>
+
+
+
+      <!-- 投票栏 -->
+      <view class="vote-wrapper" wx:if="{{item.post.vote}}">
+
+        <!-- 标题 -->
+        <view class="vote-title">
+          {{ voteTitle }}
+          <span style="color:#9e9e9e;font-size: 15px;">({{typeName}})</span>
+
+        </view>
+
+        <!-- 截止时间 -->
+        <view wx:if="{{ voteEndTime }}" style="color: {{ isVoteEnded ? 'red' : '#333' }}; font-size: 26rpx; margin-bottom: 20rpx;">
+          截止时间：{{ voteEndTime }}
+        </view>
+
+        <!-- 选项列表 -->
+        <block wx:for="{{ voteOptions }}" wx:key="id">
+          <view class="vote-option {{ item._selected ? 'selected' : '' }}" catchtap="onSelectVote" data-id="{{item.id}}" data-disabled="{{isVoted || isVoteEnded}}">
+            <!-- 投票后才显示背景百分比条 -->
+            <view class="vote-bg-fill" style="width: {{item.percent + '%'}};"></view>
+
+            <view class="vote-index">{{ index + 1 }}.</view>
+
+            <image wx:if="{{ showVoteImages }}" class="vote-image" src="{{item.option_image }}" />
+
+            <view class="vote-text">
+              {{item.option_text}}
+            </view>
+
+            <!-- 已投票才显示百分比、数量 -->
+            <view class="vote-right" wx:if="{{isVoted || isVoteEnded}}">
+              <text style="margin-right: 10rpx;">{{item.vote_count}}票</text>
+              {{item.percent}}%
+            </view>
+
+            <!-- 已选中显示蓝色勾 -->
+            <van-icon wx:if="{{item._selected &&!isVoted }}" name="success" class="vote-check" />
+          </view>
+        </block>
+
+        <!-- 只有未投票 + 未结束 才显示按钮 -->
+        <view wx:if="{{!isVoted && !isVoteEnded}}" class="vote-submit {{ selectedVotes.length > 0 ? 'enable' : 'disable' }}" bindtap="submitVote">
+          投票
+        </view>
+
+      </view>
+      <!-- 投票结束 -->
+
+      <!-- 抽奖栏 -->
+      <view class="lottery-container" wx:if="{{lotteryInfo}}">
+        <!-- 抽奖标题 + 状态 -->
+        <view class="lottery-header">
+          <view class="lottery-title">抽奖详情</view>
+          <view class="lottery-status" style="color:{{lotteryInfo.isEnded?'#4caf50':'#ff9800'}};">
+            {{lotteryInfo.isEnded ? '已开奖' : '未开奖'}}
+          </view>
+        </view>
+
+        <view class="divider-line"></view>
+
+
+        <!-- 中奖人数 -->
+        <view class="lottery-row">
+          <text style="color:#666666">中奖人数：</text>
+          <text>{{lotteryInfo.winnerCount}}人</text>
+        </view>
+
+        <!-- 抽奖条件 -->
+        <view style="display: flex;margin-top: 20rpx;">
+          <text style="color:#666666;flex-shrink: 0;">抽奖条件：</text>
+          <view style="display: flex; flex-direction: column;">
+
+            <view wx:for="{{lotteryInfo.conditions}}" wx:key="index">
+              <view style="display: flex;flex-direction: row;align-items: center;line-height: 40rpx;">
+                <view style="line-height: 50rpx;">{{item.index}}. </view>
+                <view style="display:flex; flex-direction:row;">
+                  <block wx:for="{{item.parts}}" wx:key="text" wx:for-item="part">
+                    <span style="color:{{part.color}};flex-shrink: 0;" data-type="{{part.data ? part.data.type : ''}}" data-name="{{part.data ? part.data.name : ''}}" data-id="{{part.data ? part.data.id : ''}}" bindtap="{{part.clickable ? 'onLotteryConditionTap' : ''}}">
+                      {{part.text}}
+                    </span>
+                  </block>
+                </view>
+
+              </view>
+            </view>
+          </view>
+        </view>
+
+
+
+        <!-- 开奖时间 -->
+        <view style="margin-top: 20rpx;" class="lottery-row">
+          <text style="color:#666666">开奖时间：{{lotteryInfo.endTimeText}}</text>
+        </view>
+
+        <!-- 查看中奖名单按钮 -->
+        <view wx:if="{{lotteryInfo.isEnded}}" class="lottery-btn" catch:tap="onViewWinners">查看中奖名单</view>
+      </view>
+
+
+
+      <view style="display: flex;justify-content: space-between;align-items: center;">
+
+        <!-- 游戏栏 -->
+        <view wx:if="{{item.game.id}}">
+          <view catchtap="onPartTap" data-type="game" data-id="{{item.game.id}}" style="background-color: #F7F7F7;display: inline-flex;padding: 5px 6px;border-radius: 5px;align-items: center;margin-top: 8px;">
+
+            <image src="../../assets/images/icons/input_game.png" style="width: 20px; height: 15px;" />
+            <span style="font-weight: bold;margin-left: 8px;font-size: 26rpx;">{{item.game.name}}</span>
+          </view>
+        </view>
+
+        <!-- 更多按钮 -->
+        <view style="margin-left: auto;margin-top: 10px;" catchtap="onMoreTap" data-post="{{item.post}}">
+          <image src="../../assets/images/icons/icon_more.png" style="width: 20px; height: 20px;" />
+        </view>
+      </view>
+
+    </van-skeleton>
+  </view>
+
+  <view style="height: 20rpx; background-color: #F5F4F9; width: 100%;"></view>
+
+  <view class="tabs-wrapper">
+    <van-tabs sticky class="custom-tabs" active="{{ active }}" bind:change="onChange" swipeable animated color="gray" line-width="20" lazy-render="false">
+      <van-tab title="转发{{item.post.share_count}}">
+        <view class="share-list">
+          <block wx:if="{{shares.length > 0}}">
+            <block wx:for="{{shares}}" wx:for-item="share" wx:for-index="idx" wx:key="idx">
+              <view class="share-item">
+                <!-- 左侧头像 -->
+                <image class="avatar" src="{{share.user.avatar ? share.user.avatar +'?x-oss-process=image/resize,w_256' : '../../assets/images/icons/header_placeholder.png'}}" mode="aspectFill" />
+
+                <!-- 右侧内容 -->
+                <view class="share-body">
+                  <!-- 昵称 -->
+                  <text class="nickname">{{share.user.nickname}}</text>
+
+                  <!-- 转发内容 + 评论（同一行，用 // 分隔） -->
+                  <view class="share-content">
+                    <!-- 转发正文（跳过 type === 'br'） -->
+                    <block wx:for="{{share.contentParts}}" wx:for-item="part" wx:for-index="i" wx:key="i">
+                      <image wx:if="{{part.type === 'emoji'}}" class="emoji" src="{{part.src}}" mode="aspectFit" />
+                      <span wx:elif="{{part.type === 'guide'}}" style="color: {{part.color || '#333'}}; line-height: 50rpx; font-size: 30rpx;" catchtap="gotoWiki" data-id="{{part.guideGameId}}" data-name="{{part.guideName}}">
+                        {{part.text}}
+                      </span>
+                      <span wx:elif="{{part.type === 'image'}}" style="color: {{part.color || '#333'}};line-height:35rpx;font-size:30rpx;" bindtap="onPreviewImage" data-src="{{part.src}}">
+                        {{part.text}}
+                      </span>
+                      <span wx:else style="display: block;max-width: 80vw; color: {{part.color || '#333'}};line-height: 50rpx;font-size: 30rpx;word-wrap: break-word;white-space: normal;">
+                        {{part.text}}
+                      </span>
+
+
+                    </block>
+
+                    <!-- 如果有 commented，则用 // 拼接并渲染 commented.contentParts（同样跳过 br） -->
+                    <block wx:if="{{share.commented && share.commented.contentParts && share.commented.contentParts.length > 0}}">
+                      <span style="color: #333;"> // </span>
+                      <block wx:for="{{share.commented.contentParts}}" wx:for-item="cPart" wx:for-index="cj" wx:key="cj">
+                        <image wx:if="{{cPart.type === 'emoji'}}" class="emoji" src="{{cPart.src}}" mode="aspectFit" />
+                        <span wx:elif="{{cPart.type === 'guide'}}" style="color: {{part.color || '#333'}}; line-height: 50rpx; font-size: 30rpx;" catchtap="gotoWiki" data-id="{{part.guideGameId}}" data-name="{{part.guideName}}">
+                          {{part.text}}
+                        </span>
+                        <span wx:elif="{{cPart.type === 'view_img'}}" style="color: {{cPart.color || '#406ce3'}};line-height:35rpx;font-size:30rpx;" bindtap="previewImageMultiple" data-type="commented" data-index="{{cPart.index}}">
+                          {{cPart.text}}
+                        </span>
+                        <!-- <span wx:elif="{{cPart.type !== 'br'}}" style="color: {{cPart.color || '#333'}};line-height:35rpx;font-size:30rpx;">
+                        {{cPart.text}}
+                      </span> -->
+                        <span wx:else style="display: block;max-width: 85vw; color: {{part.color || '#333'}};line-height: 50rpx;font-size: 30rpx;word-wrap: break-word;white-space: normal;">
+                          {{cPart.text}}
+                        </span>
+
+                      </block>
+                    </block>
+                  </view>
+
+                  <!-- 时间和IP -->
+                  <text class="time">{{share.post.formatTime}} · {{share.post.ip}}</text>
+                </view>
+              </view>
+            </block>
+          </block>
+          <block wx:else>
+            <view class="empty-placeholder">当前没有转发</view>
+          </block>
+          <view wx:if="{{isLoadingMore}}" class="loading-more">正在加载...</view>
+          <view wx:if="{{!isLoadingMore && !sharesHasMore}}" class="loading-more">没有更多转发了</view>
+        </view>
+      </van-tab>
+
+      <van-tab title="评论{{item.post.comment_count}}">
+
+
+
+
+        <view class="comment-list">
+          <block wx:if="{{comments.length > 0}}">
+            <block wx:for="{{comments}}" wx:for-item="item1" wx:for-index="parentIdx" wx:key="parentIdx">
+
+              <!-- 主评论 -->
+              <view class="comment-item">
+                <image class="avatar comment" src="{{item1.main_comment.user.avatar ? item1.main_comment.user.avatar+'?x-oss-process=image/resize,w_256' : '../../assets/images/icons/header_placeholder.png'}}" mode="aspectFill" />
+                <view class="comment-body">
+                  <view class="comment-header">
+                    <text class="comment-nickname">
+                      {{item1.main_comment.user.nickname}}
+                    </text>
+
+                    <view wx:if="{{item1.main_comment.user.id === item.user.id}}" class="author-tag-main">作者</view>
+
+                    <view class="level-icon" style="margin-top: 30rpx;">
+                      <image class="level-img" src="{{item1.main_comment.user.levelImg}}" mode="aspectFit"></image>
+                      <text class="level-text">{{item1.main_comment.user.level}}</text>
+                    </view>
+                  </view>
+
+                  <!-- 主评论内容（含emoji） -->
+                  <view class="comment-content" bindtap="onCommentReplyTap" data-type="main" data-idx="{{parentIdx}}">
+                    <block wx:for="{{item1.main_comment.contentParts}}" wx:for-item="part" wx:key="part">
+                      <span wx:if="{{part.type === 'br'}}" style="height: 2rpx;"></span>
+                      <image wx:elif="{{part.type === 'emoji'}}" class="emoji" src="{{part.src}}" mode="aspectFit" />
+                      
+                      <span wx:elif="{{part.type === 'at'}}" style="color: {{part.color || '#333'}}; line-height: 45rpx; font-size: 26rpx;" catchtap="onPartTap" data-type="{{part.type}}" data-id="{{part.userId}}">
+                        {{part.text}}
+                      </span>
+                      <span wx:elif="{{part.type === 'guide'}}" style="color: {{part.color || '#333'}}; line-height: 50rpx; font-size: 30rpx;" catchtap="gotoWiki" data-id="{{part.guideGameId}}" data-name="{{part.guideName}}">
+                        {{part.text}}
+                      </span>
+                      <span wx:else style="max-width: 85vw; color: {{part.color || '#333'}}; line-height: 45rpx; font-size: 26rpx; word-wrap: break-word; white-space: normal;">
+                        {{part.text}}
+                      </span>
+                    </block>
+                  </view>
+
+                  <!-- 主评论图片 -->
+                  <view wx:if="{{item1.main_comment.comment.images}}">
+                    <image class="{{item1.main_comment.comment.imageMeta.isSuperLong ? 'super-long' : 'comment-image'}}" src="{{item1.main_comment.comment.images}}" mode="{{item1.main_comment.comment.imageMeta.isSuperLong ? 'aspectFill' : (item1.main_comment.comment.imageMeta.isLong ? 'aspectFill' : (item1.main_comment.comment.imageMeta.isHorizon ? 'widthFix' : 'heightFix'))}}" catch:tap="onPreviewImage" data-src="{{item1.main_comment.comment.images}}" data-level="main" data-parentidx="{{parentIdx}}" bindload="onCommentImageLoad" />
+                  </view>
+
+
+                  <!-- 主评论操作栏 -->
+                  <view class="meta-row" bindtap="onCommentReplyTap" data-type="main" data-idx="{{parentIdx}}">
+                    <text class="time">{{item1.main_comment.comment.formatTime}} · {{item1.main_comment.comment.ip}}</text>
+                    <text class="reply-btn" bindtap="onCommentReplyTap" data-type="main" data-idx="{{parentIdx}}"> 回复 </text>
+                    <view class="action-row" catch:tap="onCommentLike" data-type="main" data-id="{{item1.main_comment.comment.id}}" data-idx="{{parentIdx}}">
+                      <image src="{{item1.main_comment.comment.is_like === 1 ? '../../assets/images/icons/home_liked.png' : '../../assets/images/icons/home_like.png'}}" style="width: 20px; height: 20px;" animation="{{item1.main_comment.likeAnimation}}" />
+                      <text class="like-btn">{{item1.main_comment.comment.like_count || ''}}</text>
+                    </view>
+                  </view>
+                </view>
+              </view>
+
+              <!-- 子回复列表 -->
+              <view class="reply-list" wx:if="{{item1.second_comment && item1.second_comment.length > 0}}">
+                <block wx:for="{{item1.second_comment}}" wx:for-item="sc" wx:for-index="childIdx" wx:key="childIdx">
+                  <view class="reply-item" bindtap="onCommentReplyTap" data-type="reply" data-idx="{{childIdx}}" data-parentidx="{{parentIdx}}">
+
+                    <!-- 回复内容 -->
+                    <view class="reply-content">
+                      <block wx:if="{{childIdx === 0}}">
+                        <text style="color:#406ce3;">@{{sc.user.nickname}}</text>
+                        <view wx:if="{{sc.user.id === item.user.id}}" class="author-tag">作者</view>
+                        <text>:</text>
+
+                      </block>
+                      <block wx:else>
+                        <text style="color:#406ce3;">@{{sc.user.nickname}}</text>
+                        <view wx:if="{{sc.user.id === item.user.id}}" class="author-tag">作者</view>
+
+                        <text> 回复 </text>
+                        <text style="color:#406ce3;">@{{sc.comment.reply_nickname}}</text>
+                        <view wx:if="{{sc.comment.reply_user_id === item.user.id}}" class="author-tag">作者</view>
+
+                        <text>：</text>
+                      </block>
+
+                      <block wx:for="{{sc.contentParts}}" wx:for-item="part" wx:key="part">
+                        <view wx:if="{{part.type === 'br'}}" style="height: 2rpx;"></view>
+                        <image wx:elif="{{part.type === 'emoji'}}" class="emoji" src="{{part.src}}" mode="aspectFit" />
+                        <span wx:elif="{{part.type === 'at'}}" style="color: {{part.color || '#333'}};" catchtap="onPartTap" data-type="{{part.type}}" data-id="{{part.userId}}">{{part.text}}</span>
+                        <span wx:elif="{{part.type === 'guide'}}" style="color: {{part.color || '#333'}}; line-height: 50rpx; font-size: 30rpx;" catchtap="gotoWiki" data-id="{{part.guideGameId}}" data-name="{{part.guideName}}">
+                          {{part.text}}
+                        </span>
+                        <text wx:else style="color:#333">{{part.text}}</text>
+                      </block>
+                    </view>
+
+                    <!-- 回复图片 -->
+                    <view wx:if="{{sc.comment.images}}">
+                      <image class="{{sc.comment.imageMeta.isSuperLong ? 'super-long' : 'comment-image'}}" src="{{sc.comment.images}}" mode="{{sc.comment.imageMeta.isSuperLong ? 'aspectFill' : (sc.comment.imageMeta.isLong ? 'aspectFill' : (sc.comment.imageMeta.isHorizon ? 'widthFix' : 'heightFix'))}}" data-parentidx="{{parentIdx}}" data-level="reply" data-childidx="{{childIdx}}" catch:tap="onPreviewImage" data-src="{{sc.comment.images}}" data-index="0" bindload="onCommentImageLoad" />
+                    </view>
+
+                    <!-- 回复操作栏 -->
+                    <view class="meta-row" bindtap="onCommentReplyTap" data-type="reply" data-idx="{{childIdx}}" data-parentidx="{{parentIdx}}">
+                      <text class="time">{{sc.comment.formatTime}} · {{sc.comment.ip}}</text>
+                      <text class="reply-btn" bindtap="onCommentReplyTap" data-type="reply" data-idx="{{childIdx}}" data-parentidx="{{parentIdx}}"> 回复 </text>
+                      <view class="action-row" catch:tap="onCommentLike" data-type="reply" data-parentidx="{{parentIdx}}" data-idx="{{childIdx}}" data-id="{{sc.comment.id}}">
+                        <image src="{{sc.comment.is_like === 1 ? '../../assets/images/icons/home_liked.png' : '../../assets/images/icons/home_like.png'}}" style="width: 20px; height: 20px;" animation="{{sc.likeAnimation}}" />
+                        <text class="like-btn">{{sc.comment.like_count || ''}}</text>
+                      </view>
+                    </view>
+
+                  </view>
+                </block>
+
+                <view wx:if="{{ item1.main_comment.comment.main_count > item1.second_comment.length }}" style="color: #406ce3;font-size: 14px;" class="more-reply-btn" data-parentidx="{{ parentIdx }}" data-commentid="{{ item1.main_comment.comment.id }}" bindtap="loadMoreReply">
+                  展开剩余 {{ item1.main_comment.comment.main_count - item1.second_comment.length }} 条回复 ➤
+                </view>
+
+
+              </view>
+
+            </block>
+          </block>
+
+          <block wx:else>
+            <view class="empty-comment">
+              <text class="empty-text">还没有人评论哦~快来抢沙发！</text>
+              <view class="first-comment-btn" bindtap="onFirstComment">我来抢首评</view>
+            </view>
+          </block>
+
+          <view wx:if="{{isLoadingMore}}" class="loading-more">正在加载...</view>
+          <view wx:if="{{!isLoadingMore && !commentsHasMore}}" class="loading-more">已加载全部评论</view>
+        </view>
+
+      </van-tab>
+
+      <van-tab title="赞{{item.post.like_count}}">
+        <view class="like-list">
+          <block wx:if="{{likes.length > 0}}">
+            <block wx:for="{{likes}}" wx:for-item="likeItem" wx:for-index="idx" wx:key="idx">
+              <view class="like-item">
+                <!-- 头像 -->
+                <image class="avatar" src="{{likeItem.user.avatar ? likeItem.user.avatar+'?x-oss-process=image/resize,w_256' : '../../assets/images/icons/header_placeholder.png'}}" mode="aspectFill" />
+
+                <!-- 用户信息 -->
+                <view class="user-info">
+                  <view class="line1">
+                    <text class="nickname">{{likeItem.user.nickname}}</text>
+                    <text class="fans">粉丝({{likeItem.user.fans_count}})</text>
+                  </view>
+                  <view class="line2">
+                    <span class="bio">{{likeItem.user.bio || '这个人很懒，什么也没写'}}</span>
+                  </view>
+                </view>
+              </view>
+            </block>
+          </block>
+          <block wx:else>
+            <view class="empty-placeholder">当前没人点赞</view>
+          </block>
+
+          <view wx:if="{{isLoadingMore}}" class="loading-more">正在加载...</view>
+          <view wx:if="{{!isLoadingMore && !likesHasMore}}" class="loading-more">没有更多点赞了</view>
+        </view>
+      </van-tab>
+
+      <!-- <view slot="nav-right" wx:if="{{active === 1}}" class="comment-sort">
+        <picker mode="selector" range="{{['按热度','按时间']}}" bindchange="onSortChange">
+          <view class="sort-btn">排序：{{commentSort}}</view>
+        </picker>
+    </view> -->
+
+      <!-- <view slot="nav-right" class="comment-sort">
+      <van-dropdown-menu wx:if="{{active === 1}}">
+        <van-dropdown-item value="{{sortValue}}" options="{{sortOptions}}" bind:change="onSortChange" />
+      </van-dropdown-menu>
+    </view> -->
+
+    </van-tabs>
+
+
+    <view class="dropdown-fixed" wx:if="{{active === 1}}">
+      <van-dropdown-menu overlay="{{false}}" active-color="#002fa7">
+        <van-dropdown-item value="{{sortValue}}" options="{{sortOptions}}" bind:change="onSortChange" />
+      </van-dropdown-menu>
+    </view>
+
+  </view>
+
+
+  <view class="bottom-toolbar">
+    <view class="input-placeholder" bind:tap="onFirstComment">
+      <image src="../../assets/images/icons/edit_input.png" class="icon-keyboard"></image>
+      <text class="placeholder-text">说点什么...</text>
+    </view>
+
+    <view class="toolbar-right">
+      <view class="toolbar-item" bind:tap="onFirstComment">
+        <image src="../../assets/images/icons/home_comment.png" class="icon"></image>
+        <text class="count">{{item.post.comment_count !== 0 ?item.post.comment_count: '评论'}}</text>
+      </view>
+      <view class="toolbar-item" bind:tap="onLike">
+        <image animation="{{likeAnimation}}" src="{{item.post.is_like === 1 ? '../../assets/images/icons/home_liked.png' : '../../assets/images/icons/home_like.png'}}" class="icon" />
+        <text class="count">{{item.post.like_count !== 0 ?item.post.like_count: '赞'}}</text>
+      </view>
+      <view class="toolbar-item" bindtap="onCollect">
+        <image animation="{{collectAnimation}}" src="{{item.post.is_collect === 1 ? '../../assets/images/icons/home_collected.png' : '../../assets/images/icons/home_collect.png'}}" class="icon"></image>
+        <text class="count">{{item.post.collect_count !== 0 ?item.post.collect_count: '收藏'}}</text>
+      </view>
+    </view>
+  </view>
+
+  <bottomSheet id="bottomSheet" insertSubject="{{selectedTopic}}" visible="{{showSheet}}" mode="comment" originData="{{originPost}}" bind:close="onCloseSheet" bind:submit="onSubmitSheet" bind:chooseTopic="chooseTopic" bind:submitSuccess="onCommentSuccess" />
+
+</view>
+
+
+<!-- 底部菜单弹窗 -->
+<view wx:if="{{showMenuSheet}}" class="custom-sheet-wrapper" catchtap="onCloseSheet">
+  <view class="custom-sheet" catchtap="stopPropagation">
+    <view class="sheet-buttons">
+      <view wx:if="{{isOwner}}" class="sheet-button" bindtap="onDelete">
+        <view class="icon-wrapper">
+          <van-icon name="delete" size="30" />
+        </view>
+        <text class="sheet-text">删除</text>
+      </view>
+
+
+      <view class="sheet-button" bindtap="onReport">
+        <view class="icon-wrapper">
+          <van-icon name="warning" size="30" />
+        </view>
+        <text class="sheet-text">举报</text>
+      </view>
+
+
+      <view class="sheet-button" bindtap="onFavorite">
+        <view class="icon-wrapper">
+          <van-icon name="star" size="30" color="{{item.post.is_collect === 1 ? '#ff7d00' : '#333'}}" />
+        </view>
+        <text class="sheet-text" style="color: {{item.post.is_collect === 1 ? '#ff7d00' : '#333'}};">{{item.post.is_collect === 1 ? '已收藏' : '收藏'}}</text>
+
+      </view>
+
+    </view>
+    <view class="sheet-divider"></view>
+    <view class="sheet-cancel" bindtap="onCloseSheet">取消</view>
+  </view>
+</view>