southnote-sdk 1.0.0

package/pages/game/game.wxml

@@ -0,0 +1,350 @@
+<view class="game-center">
+
+  <!-- 顶部信息 -->
+  
+
+  <!-- 扑脸活动提示 -->
+  <view class="activities-section" style="padding-bottom: 30rpx;" wx:if="{{gameInfo.faceSlapActivity}}">
+    <view class="activity-item" catch:tap="goActivityDetail" data-item="{{gameInfo.faceSlapActivity}}">
+      <view class="img-wrapper">
+        <image class="activity-image" src="{{gameInfo.faceSlapActivity.activity_image}}" mode="aspectFill"></image>
+
+        <!-- 底部覆盖条 -->
+        <view class="bottom-bar">
+          <text class="activity-name">{{gameInfo.faceSlapActivity.activity_name}}</text>
+        </view>
+
+        <view wx:if="{{gameInfo.faceSlapActivity.activity_type === 1 && gameInfo.faceSlapActivity.today_signed === 0}}" class="sign-tag">
+          未签到
+        </view>
+      </view>
+    </view>
+  </view>
+
+  <!-- tab 栏 -->
+  <view class="tabs">
+    <block wx:for="{{tabs}}" wx:key="index">
+      <view class="tab-item {{currentTab === index ? 'active' : ''}}" bindtap="changeTab" data-index="{{index}}">
+        {{item}}
+      </view>
+    </block>
+  </view>
+
+  <!-- 内容区域 -->
+  <view class="tab-content">
+    <!-- 简介部分 -->
+    <view hidden="{{currentTab !== 0}}" class="intro-section">
+
+      <!-- 安卓更新时间 + 下载按钮 -->
+      <!-- <view class="download-info">
+        <view class="update-time">
+          更新于
+          <text>{{gameInfo.releaseTime}}</text>
+        </view>
+        <view class="download-buttons">
+          <view class="btn android">安卓下载</view>
+          <view class="btn ios">AppStore下载</view>
+        </view>
+      </view> -->
+
+
+      <view class="banner-section" id="bannerSection">
+        <!-- 竖屏：横向滚动 -->
+        <scroll-view wx:if="{{gameInfo.landscape == 0}}" scroll-x="true" class="banner-scroll" bindscroll="onBannerScroll">
+          <block wx:for="{{gameInfo.banners}}" wx:key="index">
+            <view class="banner-item" id="{{index === 0 && item.type === 'video' ? 'firstVideoItem' : ''}}" style="position: relative; display: inline-block; margin-right: 10rpx;">
+
+              <!-- 图片 banner -->
+              <image wx:if="{{item.type === 'image'}}" src="{{item.url}}" mode="aspectFill" style="width: 100%; height: 100%;" />
+
+              <!-- 视频 banner -->
+              <view wx:elif="{{item.type === 'video'}}" style="width: 100%; height: 100%; position: relative;">
+
+                <!-- 封面 + 播放按钮 -->
+                <view wx:if="{{!item.videoUrl}}" catchtap="onBannerVideoPlay" data-index="{{index}}" style="width: 100%; height: 100%; position: relative;">
+                  <image src="{{item.poster}}" mode="aspectFill" style="width: 100%; height: 100%;" />
+                  <view class="custom-play-btn" bindtap="onBannerVideoPlay" data-index="{{index}}"></view>
+                </view>
+
+                <!-- 已加载视频 -->
+                <video wx:else id="bannerVideo-0" src="{{item.videoUrl}}" controls="{{true}}" enable-play-gesture="{{true}}" object-fit="contain" autoplay="{{false}}" bindtimeupdate="onVideoTimeUpdate" show-center-play-btn="{{false}}" style="width: 100%; height: 100%;" bindplay="handlePlayVideo" bindpause="onVideoPause" />
+              </view>
+
+            </view>
+          </block>
+        </scroll-view>
+
+
+        <!-- 横屏：轮播 -->
+        <view class="banner-wrapper">
+
+          <!-- 左箭头 -->
+          <van-icon wx:if="{{gameInfo.landscape == 1}}" class="arrow-left" name="arrow-left" size="30px" color="white" catch:tap="prevBanner" />
+
+
+          <swiper wx:if="{{gameInfo.landscape == 1}}" circular class="banner-swiper" bindchange="onBannerChange" current="{{currentBanner}}">
+
+            <block wx:for="{{gameInfo.banners}}" wx:key="index">
+              <swiper-item>
+
+                <!-- 图片 banner -->
+                <image wx:if="{{item.type === 'image'}}" class="banner-img" src="{{item.url}}" mode="aspectFill" />
+
+                <!-- 视频 banner -->
+                <view wx:elif="{{item.type === 'video'}}" class="banner-video-wrapper">
+
+                  <!-- 1️⃣ 未加载视频：poster + 播放按钮 -->
+                  <view wx:if="{{!item.videoUrl}}" class="video-poster-wrapper" catchtap="onBannerVideoPlay" data-index="{{index}}">
+                    <image class="banner-video" src="{{item.poster}}" mode="aspectFill" />
+                    <!-- 播放按钮 -->
+                    <view wx:if="{{item.poster}}" class="custom-play-btn" bindtap="onBannerVideoPlay"></view>
+                  </view>
+
+                  <!-- 2️⃣ 已加载视频：video 播放器 -->
+                  <video wx:else id="bannerVideo-0" class="banner-video" src="{{item.videoUrl}}" controls="{{true}}" poster="{{item.poster}}" enable-play-gesture="{{true}}" object-fit="contain" autoplay="{{false}}" bindtimeupdate="onVideoTimeUpdate" style="width: 100%;height: 100%;" bindplay="handlePlayVideo" bindpause="onVideoPause" />
+
+                  <!-- <video wx:else id="bannerVideo-0" class="banner-video" src="{{item.videoUrl}}" poster="{{item.poster}}" controls="{{false}}" muted loop object-fit="cover" show-center-play-btn="{{true}}" enable-play-gesture /> -->
+                </view>
+
+
+              </swiper-item>
+            </block>
+          </swiper>
+
+
+          <van-icon wx:if="{{gameInfo.landscape == 1}}" class="arrow-right" name="arrow" size="30px" color="white" catch:tap="nextBanner" />
+        </view>
+      </view>
+
+      <!-- 灰色信息卡片：研发商、备案信息 -->
+      <view class="info-card">
+        <view class="row" wx:if="{{introduceInfo.developer}}">
+          <view class="label">游戏研发商</view>
+          <view class="value">
+            <text>{{introduceInfo.developer}}</text>
+          </view>
+          <image class="age-icon" src="{{introduceInfo.age_rating === 1 ? '../../assets/images/icons/age1.png':introduceInfo.age_rating === 2 ? '../../assets/images/icons/age2.png':'../../assets/images/icons/age3.png'}}" wx:if="{{introduceInfo.age_rating}}"> </image>
+        </view>
+        <view class="row" wx:if="{{introduceInfo.app_register}}">
+          <view class="label">App备案</view>
+          <view class="value">{{introduceInfo.app_register}}</view>
+        </view>
+        <view class="row" wx:if="{{introduceInfo.register_cp}}">
+          <view class="label">备案主办方</view>
+          <view class="value">{{introduceInfo.register_cp}}</view>
+        </view>
+      </view>
+
+      <!-- 游戏简介卡片 -->
+      <view class="intro-card" wx:if="{{ introduceInfo.description}}">
+        <view wx:if="{{introduceInfo.qq}}" style="margin-bottom: 10px;">
+          <text class="intro-title">客服QQ:</text>
+          <text catch:tap="copyQQNumber" style="text-decoration: underline;color: #002fa7;margin-left: 10px;font-size: 26rpx;">{{ introduceInfo.qq}}</text>
+        </view>
+
+        <view class="intro-title">游戏简介</view>
+        <view class="intro-text">
+          {{ introduceInfo.description}}
+        </view>
+      </view>
+
+    </view>
+
+    <!-- 帖子部分 -->
+    <view hidden="{{currentTab !== 1}}" class="posts-section">
+      <!-- 二级 tab -->
+      <van-tabs active="{{subTab}}" bind:change="changeSubTab" color="#002fa7" swipeable type="card">
+        <block wx:for="{{postTabs}}" wx:key="index">
+          <van-tab title="{{item.title}}">
+            <view class="post-list">
+              <block wx:for="{{posts[item.filter]}}" wx:for-item="post" wx:key="item">
+                <post-item item="{{post}}" bind:moreTap="onMoreTap" data-index="{{index}}" bind:myShareTap="onShareTap" bind:commentTap="onCommentTap" bind:followChanged="onFollowChanged" bind:videoPlay="onVideoPlay" id="postItem-{{item.filter}}-{{index}}" bind:pauseAllVideo="onPauseAllVideo" />
+              </block>
+
+              <!-- 无数据 -->
+              <view wx:if="{{!posts[item.filter] || posts[item.filter].length === 0}}" class="empty">
+                暂无内容
+              </view>
+
+              <!-- 加载更多 -->
+              <view wx:else>
+                <view wx:if="{{hasMore[item.filter]}}" class="load-more" bindtap="loadMore" data-filter="{{item.filter}}">
+                  {{loading[item.filter] ? '加载中...' : '点击加载更多'}}
+                </view>
+                <view wx:else class="load-more">已加载全部</view>
+              </view>
+            </view>
+          </van-tab>
+        </block>
+      </van-tabs>
+    </view>
+
+    <!-- 攻略部分 -->
+    <view hidden="{{currentTab !== 2}}" class="rules-section">
+      <view wx:if="{{gameWikiJson && gameWikiJson.length > 0}}">
+        <wiki-renderer images="{{images}}" data="{{gameWikiJson}}" game-id="{{gameId}}" wiki-users="{{wikiUsers}}" />
+
+        <view style="text-align: end; font-size: 14px; color: #a9a9a9; padding:  15px">更新日期：{{wiki_created_at}}</view>
+      </view>
+
+      <view wx:else class="empty">
+        <image class="empty-img" src="../../assets/images/icons/sign_login.png" mode="aspectFit" />
+        <text class="empty-text">该攻略页正在等待建设中...</text>
+      </view>
+
+    </view>
+    <!-- 版规部分 -->
+    <view hidden="{{currentTab !== 3}}" class="rules-section">
+
+      <!-- 管理员信息 -->
+      <view class="manager-card">
+        <view wx:if="{{gameInfo.managers && gameInfo.managers.length > 0}}">
+
+          <!-- 官方管理员 -->
+          <view wx:if="{{gameInfo.chiefManagers.length > 0}}" class="manager-group">
+            <view class="group-title">
+              <van-icon name="manager-o" color="#749cd9" />
+              <text>官方管理员</text>
+            </view>
+            <view class="manager-list horizontal">
+              <block wx:for="{{gameInfo.chiefManagers}}" wx:key="id">
+                <view class="manager-item">
+                  <image class="avatar" src="{{item.avatar ? item.avatar : '../../assets/images/icons/header_placeholder.png'}}" />
+                  <view class="nickname">{{item.nickname || '暂无'}}</view>
+                </view>
+              </block>
+            </view>
+          </view>
+
+          <!-- 普通管理员 -->
+          <view wx:if="{{gameInfo.normalManagers.length > 0}}" class="manager-group normal-manager-group">
+            <view class="group-title">
+              <van-icon name="manager-o" color="#749cd9" />
+              <text>管理员</text>
+            </view>
+            <view class="manager-list horizontal">
+              <block wx:for="{{gameInfo.normalManagers}}" wx:key="id">
+                <view class="manager-item">
+                  <image class="avatar" src="{{item.avatar ? item.avatar : '../../assets/images/icons/header_placeholder.png'}}" />
+                  <view class="nickname">{{item.nickname || '暂无'}}</view>
+                </view>
+              </block>
+            </view>
+          </view>
+
+
+        </view>
+
+        <!-- 无管理员 -->
+        <view wx:if="{{!gameInfo.managers || gameInfo.managers.length === 0}}" class="no-manager">
+          暂无管理员
+        </view>
+      </view>
+
+      <!-- 规则列表 -->
+      <view style="background-color: #f5f5f5;padding: 10rpx;border-radius: 16rpx;">
+        <block wx:for="{{ruleList}}" wx:key="index">
+          <view class="rule-item">
+            <view class="rule-header" bindtap="toggleRule" data-index="{{index}}">
+              <van-icon wx:if="{{item.icon === 1}}" name="warning" color="#9e9e9e" />
+              <van-icon wx:if="{{item.icon === 2}}" name="warning" color="#ff9800" />
+              <van-icon wx:if="{{item.icon === 3}}" name="clear" color="#f44336" />
+              <text class="rule-title">{{item.title}}</text>
+              <view wx:if="{{item.desc}}">
+                <van-icon name="arrow-up" wx:if="{{item.open}}" />
+                <van-icon name="arrow-down" wx:else />
+              </view>
+            </view>
+
+            <view wx:if="{{item.open}}" class="rule-desc">
+              {{item.desc}}
+            </view>
+          </view>
+        </block>
+      </view>
+    </view>
+
+
+    <view hidden="{{currentTab !== 4}}" class="my-section">
+      <view wx:if="{{gameInfo.is_fans}}">
+        <experience-item avatar="{{avatar}}" nickname="{{nickname}}" totalExp="{{empiricInfo.exp}}" />
+      </view>
+
+      <view wx:else class="empty-block">
+        <image class="empty-img" src="../../assets/images/icons/sign_empty.png" mode="aspectFit"></image>
+        <text class="empty-text">还未加入游戏库</text>
+      </view>
+    </view>
+
+    <!-- 活动部分 -->
+    <view hidden="{{currentTab !== 5}}" class="activities-section" style="padding-bottom: 30rpx;">
+      <view wx:for="{{gameInfo.activities}}" wx:key="activity_id" class="activity-item" catch:tap="goActivityDetail" data-item="{{item}}">
+        <view class="img-wrapper">
+          <image class="activity-image" src="{{item.activity_image}}" mode="aspectFill"></image>
+
+          <!-- 底部覆盖条 -->
+          <view class="bottom-bar">
+            <text class="activity-name">{{item.activity_name}}</text>
+          </view>
+
+          <view wx:if="{{item.activity_type === 1 && item.today_signed === 0}}" class="sign-tag">
+            未签到
+          </view>
+        </view>
+      </view>
+    </view>
+
+
+
+  </view>
+
+</view>
+
+<view hidden="{{currentTab !== 1}}" class="fab" bindtap="onPublish">+发布</view>
+
+
+
+<!-- 更多弹窗 -->
+<view wx:if="{{moreSheetVisible}}" class="custom-sheet-wrapper" catchtap="onCloseMoreSheet">
+  <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 wx:if="{{showPinButton}}" class="sheet-button" bindtap="onPinTap">
+        <view class="icon-wrapper">
+          <van-icon name="{{isPinned ? 'down' : 'back-top'}} " size="30" style="color: {{isPinned ? '#ff7d00' : '#333'}};" />
+        </view>
+        <text class="sheet-text">{{isPinned ? '取消置顶' : '主页置顶'}}</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="{{posts[postTabs[subTab].filter][currentPostIndex].post.is_collect === 1 ? '#ff7d00' : '#333'}}" />
+        </view>
+        <text class="sheet-text">{{posts[postTabs[subTab].filter][currentPostIndex].post.is_collect === 1 ? '已收藏' : '收藏'}}</text>
+
+      </view>
+
+    </view>
+    <view class="sheet-divider"></view>
+    <view class="sheet-cancel" bindtap="onCloseMoreSheet">取消</view>
+  </view>
+</view>
+
+
+<bottomSheet id="bottomSheet" insertSubject="{{selectedTopic}}" visible="{{showSheet}}" mode="{{sheetMode}}" originData="{{originPost}}" bind:close="onCloseSheet" bind:submit="onSubmitSheet" bind:chooseTopic="chooseTopic" />