southnote-mini-sdk 1.0.0

package/pages/postDialog/postDialog.wxml

@@ -0,0 +1,377 @@
+<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 || '/assets/images/icons/header_placeholder.png'}}" mode="aspectFill" catchtap="onPartTap" data-type="at" data-id="{{item.user.id}}" />
+        <view class="user-info">
+          <view style="display: flex;align-items: center;">
+            <text class="nickname" catchtap="onPartTap" data-type="at" data-id="{{item.user.id}}">{{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 style="color: #9e9e9e;font-size: 28rpx;">
+          楼主
+        </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>
+
+        <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: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:else style="color: {{part.color || '#333'}};line-height: 50rpx;font-size: 30rpx;">
+              {{part.text}}
+            </span>
+          </block>
+        </block>
+
+
+      </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>
+
+          <!-- 原始用户昵称 -->
+          <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.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>
+
+
+        <!-- 原始帖图片内容 -->
+        <!-- 单张图片 -->
+        <image wx:if="{{item.shared.post.imageArray.length === 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>
+
+
+
+
+      <!-- 当前帖图片内容 -->
+      <image wx:if="{{ !hasTitle && !item.shared && item.post.imageArray.length === 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="{{item.post.lottery}}">
+        <!-- 抽奖标题 + 状态 -->
+        <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>
+
+    </van-skeleton>
+  </view>
+
+
+  <!-- 1楼开始对话 -->
+
+
+  <block wx:for="{{floorPosts}}" wx:for-item="floor" wx:key="floor" wx:for-index="index">
+
+    <!-- 楼层关联分割条 -->
+    <view class="floor-divider">
+      <!-- 右侧斜线（index 偶数） -->
+      <view wx:if="{{index % 2 === 0}}" class="connector connector-right"></view>
+
+      <!-- 左侧斜线（index 奇数） -->
+      <view wx:if="{{index % 2 === 1}}" class="connector connector-left"></view>
+    </view>
+
+    <view style="padding: 30rpx;">
+
+      <view class="post-header">
+        <image class="avatar" src="{{floor.user.avatar || '/assets/images/icons/header_placeholder.png'}}" mode="aspectFill" catchtap="onPartTap" data-type="at" data-id="{{floor.user.id}}" />
+        <view class="user-info">
+          <view style="display: flex;align-items: center;">
+            <text class="nickname" catchtap="onPartTap" data-type="at" data-id="{{floor.user.id}}">{{floor.user.nickname}}</text>
+          </view>
+          <text class="time">{{floor.post.formatTime}} · {{floor.post.ip}}</text>
+        </view>
+        <view style="color: #9e9e9e;font-size: 28rpx;">
+          {{index+1}}楼
+        </view>
+      </view>
+
+
+      <block wx:for="{{floor.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: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>
+    </view>
+
+  </block>
+
+
+  <view wx:if="{{isLoadingMore}}" style="text-align:center;color:#999;padding:20rpx;background-color: #F5F4F9;">
+    加载中...
+  </view>
+
+  <view wx:if="{{!floorHasMore}}" style="text-align:center;color:#ccc;padding:20rpx;background-color: #F5F4F9;">
+    没有更多了
+  </view>
+
+
+
+</view>