southnote-mini-sdk 1.0.0

package/pages/wheelActivivty/wheelActivivty.wxss

@@ -0,0 +1,459 @@
+/* pages/wheel-activity/index.wxss */
+.wheel-activity {
+  min-height: 100vh;
+  width: 100%;
+  background-size: cover;
+  background-position: top center;
+  background-repeat: no-repeat;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding-bottom: 40rpx;
+  position: relative;
+  font-family: 'PingFang SC', 'Helvetica Neue', sans-serif;
+}
+
+.bg-image {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: -1;
+  /* 将图片置于底层 */
+}
+
+/* 右上角按钮 */
+.top-right-btns {
+  position: fixed;
+  top: 60rpx;
+  right: 0;
+  z-index: 100;
+  display: flex;
+  flex-direction: column;
+  gap: 20rpx;
+}
+
+.side-btn {
+  background: #caddf3;
+  color: #000000;
+  border: none;
+  padding: 16rpx 28rpx 16rpx 24rpx;
+  border-radius: 40rpx 0 0 40rpx;
+  font-size: 26rpx;
+  white-space: nowrap;
+  box-shadow: -4rpx 4rpx 16rpx rgba(0, 0, 0, 0.18);
+  line-height: 1;
+}
+
+.side-btn::after {
+  border: none;
+}
+
+/* Title Image */
+.title-image-wrap {
+  margin-top: 200rpx;
+  margin-left: 20rpx;
+  margin-right: 20rpx;
+  width: calc(100% - 40rpx);
+}
+
+.title-image {
+  width: 100%;
+  display: block;
+}
+
+/* 活动时间 */
+.activity-time {
+  margin-top: 40rpx;
+  font-size: 24rpx;
+  color: #5962c7;
+  padding: 8rpx 32rpx;
+  border-radius: 40rpx;
+}
+
+/* 抽奖次数栏 */
+/* 抽奖次数栏 */
+.chance-bar {
+  margin-top: 10rpx;
+  width: 85%;
+  min-height: 84rpx;
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 32rpx;
+  gap: 12rpx;
+  border-radius: 16rpx;
+  position: relative;
+  overflow: hidden;
+}
+
+.chance-bar-bg {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 0;
+}
+
+/* 新增：让所有文本元素显示在背景图上方 */
+.chance-label,
+.chance-num,
+.chance-question {
+  position: relative;
+  z-index: 1;
+}
+
+.chance-label {
+  font-size: 28rpx;
+  color: white;
+  font-weight: 600;
+}
+
+.chance-num {
+  font-size: 32rpx;
+  color: #e86b00;
+  font-weight: bold;
+  margin-left: 8rpx;
+  position: relative;
+  z-index: 1;
+}
+
+.chance-question {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 40rpx;
+  height: 40rpx;
+  border-radius: 50%;
+  background: white;
+  color: #5962c7;
+  font-size: 32rpx;
+  font-weight: bold;
+  margin-left: 8rpx;
+  position: relative;
+  z-index: 1;
+}
+
+/* 大转盘 - 响应式适配 */
+.wheel-container {
+  position: relative;
+  margin-top: 96rpx;
+  width: 90vw;
+  max-width: 680rpx;
+  aspect-ratio: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.wheel-ring {
+  position: absolute;
+  width: 99%;
+  height: 99%;
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.wheel-ring-bg {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 0;
+}
+
+.wheel-content {
+  width: 100%;
+  height: 100%;
+}
+
+.wheel-canvas {
+  border-radius: 50%;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 1;
+}
+
+.wheel-center {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  width: 19.4%;
+  height: 19.4%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  z-index: 10;
+}
+
+.wheel-pointer {
+  width: 100%;
+  position: absolute;
+  top: -33%;
+  left: 0;
+}
+
+.wheel-start-text {
+  position: relative;
+  z-index: 2;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  line-height: 1.3;
+  pointer-events: none;
+}
+
+.wheel-start-text text {
+  font-size: 28rpx;
+  font-weight: bold;
+  color: #fff;
+  text-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.9);
+  letter-spacing: 4rpx;
+}
+
+/* 中奖名单 */
+.winners-section {
+  margin-top: 104rpx;
+  width: 95%;
+  border-radius: 24rpx;
+  overflow: hidden;
+}
+
+.winners-title {
+  background: #6b9df9;
+  color: #fff;
+  text-align: center;
+  font-size: 30rpx;
+  font-weight: bold;
+  padding: 30rpx 0;
+}
+
+.winners-list {
+  background: #c2ddff;
+  padding: 20rpx;
+  max-height: 360rpx;
+}
+
+.winner-cell {
+  padding: 10rpx 0;
+  font-size: 28rpx;
+  text-align: center;
+}
+
+.winner-text {
+  color: #94a9d0;
+}
+
+.winner-name,
+.winner-reward {
+  color: #f58845;
+  font-weight: bold;
+}
+
+/* 弹窗 */
+.modal-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.55);
+  z-index: 2000;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.modal-box {
+  background: white;
+  border-radius: 32rpx;
+  width: 88vw;
+  max-width: 720rpx;
+  max-height: 80vh;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.modal-box-gradient {
+  background: linear-gradient(to bottom, #89b7fd, #ffffff);
+}
+
+.modal-title {
+  text-align: center;
+  font-size: 36rpx;
+  font-weight: bold;
+  color: #333;
+  padding: 32rpx 0 0;
+  flex-shrink: 0;
+}
+
+.modal-content {
+  flex: 1;
+  /* padding: 32rpx; */
+margin: 0 15px;
+}
+
+.modal-close-btn {
+  margin: 20rpx;
+  background: #002fa7;
+  color: #fff;
+  border: none;
+  border-radius: 40rpx;
+  height: 80rpx;
+  font-size: 30rpx;
+  line-height: 80rpx;
+  text-align: center;
+  flex-shrink: 0;
+}
+
+/* 规则弹窗 */
+.rule-content {
+  overflow-y: auto;
+}
+
+.rule-item {
+  display: flex;
+  gap: 8rpx;
+  font-size: 28rpx;
+  color: #444;
+  line-height: 1.6;
+  margin-bottom: 16rpx;
+}
+
+.rule-index {
+  color: #002fa7;
+  font-weight: bold;
+  flex-shrink: 0;
+}
+
+.rule-text {
+  flex: 1;
+}
+
+.rule-task-item {
+  display: block;
+  padding-left: 16rpx;
+  color: #555;
+}
+
+/* 礼包弹窗 */
+.empty-tip {
+  text-align: center;
+  color: #aaa;
+  font-size: 28rpx;
+  margin: 20rpx;
+}
+
+.gift-content {
+  overflow-y: auto;
+}
+
+.gift-item {
+  display: flex;
+  align-items: center;
+  gap: 20rpx;
+  background-color: white;
+  margin: 20rpx 0;
+  padding: 20rpx;
+  border-radius: 30rpx;
+}
+
+.gift-icon {
+  width: 100rpx;
+  height: 100rpx;
+  border-radius: 16rpx;
+  flex-shrink: 0;
+}
+
+.gift-info {
+  flex: 1;
+  min-width: 0;
+}
+
+.gift-name {
+  font-size: 28rpx;
+  font-weight: bold;
+  color: #333;
+}
+
+.gift-cdk {
+  font-size: 24rpx;
+  margin-top: 4rpx;
+  color: #666;
+}
+
+.gift-date {
+  font-size: 22rpx;
+  margin-top: 4rpx;
+  color: #999;
+}
+
+.copy-btn {
+  background: #002fa7;
+  color: #fff;
+  border: none;
+  border-radius: 30rpx;
+  height: 60rpx;
+  width: 100rpx;
+  font-size: 24rpx;
+  line-height: 60rpx;
+  text-align: center;
+  flex-shrink: 0;
+  padding: 0;
+}
+
+.copy-btn::after {
+  border: none;
+}
+
+/* 任务弹窗 */
+.task-content {
+  overflow-y: auto;
+}
+
+.task-item {
+  display: flex;
+  align-items: flex-start;
+  gap: 4rpx;
+  padding: 10rpx 0;
+  border-bottom: 1rpx solid #f5f5f5;
+  font-size: 28rpx;
+}
+
+.task-item:last-child {
+  border-bottom: none;
+}
+
+.task-index {
+  color: #002fa7;
+  font-weight: bold;
+  flex-shrink: 0;
+}
+
+.task-text {
+  flex: 1;
+}
+
+.task-text-active {
+  color: #ffad35;
+  font-weight: 500;
+}
+
+.task-text-done {
+  color: #bbb;
+  text-decoration: line-through;
+}

package/pages/wiki/wiki.js

@@ -0,0 +1,138 @@
+import {
+  queryGameWikiByName,
+  queryGameWikiUsers
+} from '../../services/home'
+import {
+  decompressBase64Gzip,
+  isEmptyObject
+} from '../../utils/base64'
+import {
+  formatUTCYear
+} from '../../utils/formatPost'
+
+Page({
+  data: {
+    gameId: '',
+    name: '',
+    gameWikiJson: [],
+    wikiUsers: [],
+    loading: true,
+    images: [],
+    wiki_created_at: ''
+  },
+
+  onShareAppMessage() {
+    return {
+      title: this.data.name, // 分享卡片标题
+      path: `/pages/wiki/wiki?game_id=${this.data.gameId}&name=${encodeURIComponent(this.data.name)}`
+    }
+  },
+
+  onLoad(options) {
+    const gameId = options.game_id || ''
+    const name = options.name ? decodeURIComponent(options.name) : ''
+    const wiki_created_at = options.wiki_created_at || ''
+
+    this.setData({
+      gameId,
+      name,
+      wiki_created_at
+    })
+
+    // ✅ 直接在 onLoad 里设置，不用等数据加载完
+    if (name) {
+      wx.setNavigationBarTitle({
+        title: name
+      })
+    }
+
+    this.loadWikiData(gameId, name)
+  },
+
+  async loadWikiData(gameId, name) {
+    try {
+      const res = await queryGameWikiByName(gameId, name)
+
+      if (res.code === 0 && res.data?.images && Array.isArray(res.data?.images)) {
+        this.setData({
+          images: res.data?.images
+        })
+      }
+
+      if (res.code === 0 && res.data?.page) {
+        try {
+          const result = decompressBase64Gzip(res.data.page?.payload)
+
+          const wikiJson = Array.isArray(result) ?
+            result :
+            (result?.blocks ?? result ?? [])
+
+          // 递归将所有图片 url 中的 http:// 替换为 https://
+          function replaceHttpToHttps(obj) {
+            if (Array.isArray(obj)) {
+              return obj.map(replaceHttpToHttps)
+            } else if (obj !== null && typeof obj === 'object') {
+              const newObj = {}
+              Object.keys(obj).forEach(function (key) {
+                const value = obj[key]
+                if (key === 'url' && typeof value === 'string') {
+                  newObj[key] = value.replace(/^http:\/\//i, 'https://')
+                } else {
+                  newObj[key] = replaceHttpToHttps(value)
+                }
+              })
+              return newObj
+            }
+            return obj
+          }
+
+          let httpsResult = replaceHttpToHttps(wikiJson)
+
+          if (res.data.stats) {
+            httpsResult = httpsResult.map(item =>
+              item.type === 6 ? {
+                ...item,
+                stats: res.data.stats
+              } : item
+            )
+          }
+
+          console.log('解压并转换后的json：', JSON.stringify(httpsResult))
+
+
+          this.setData({
+            gameWikiJson: httpsResult,
+            wiki_created_at: formatUTCYear(res.data.page?.created_at)
+          })
+        } catch (err) {
+          console.error('解压失败', err)
+          this.setData({
+            gameWikiJson: []
+          })
+        }
+      } else {
+        this.setData({
+          gameWikiJson: []
+        })
+      }
+
+      // 加载攻略组成员
+      const usersRes = await queryGameWikiUsers(gameId)
+      if (usersRes.code === 0) {
+        this.setData({
+          wikiUsers: Array.isArray(usersRes.data) ? usersRes.data : []
+        })
+      }
+
+    } catch (e) {
+      console.error('获取wiki失败', e)
+      this.setData({
+        gameWikiJson: []
+      })
+    } finally {
+      this.setData({
+        loading: false
+      })
+    }
+  }
+})

package/pages/wiki/wiki.json

@@ -0,0 +1,6 @@
+{
+  "usingComponents": {
+    "wiki-renderer": "/components/wiki-renderer/wiki-renderer",
+    "van-skeleton": "@vant/weapp/skeleton/index"
+  }
+}

package/pages/wiki/wiki.wxml

@@ -0,0 +1,20 @@
+<view class="page">
+
+  <!-- 骨架屏 -->
+  <van-skeleton wx:if="{{loading}}" title row="8" />
+
+  <!-- 有数据 -->
+  <view wx:elif="{{gameWikiJson && gameWikiJson.length > 0}}">
+    <wiki-renderer images="{{images}}" data="{{gameWikiJson}}" game-id="{{gameId}}" wiki-users="{{wikiUsers}}" name="{{name}}" />
+
+    <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>

package/pages/wiki/wiki.wxss

@@ -0,0 +1,44 @@
+.page {
+  padding: 15px;
+}
+
+/* 骨架屏 */
+.skeleton {
+  padding: 15px;
+}
+
+.skeleton-title {
+  width: 60%;
+  height: 20px;
+  background: #e0e0e0;
+  border-radius: 4px;
+  margin-bottom: 16px;
+}
+
+.skeleton-row {
+  width: 100%;
+  height: 14px;
+  background: #e0e0e0;
+  border-radius: 4px;
+  margin-bottom: 10px;
+}
+
+/* 空状态 */
+.empty {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 60px 20px;
+}
+
+.empty-img {
+  width: 179px;
+  height: 133px;
+  margin-bottom: 16px;
+}
+
+.empty-text {
+  font-size: 14px;
+  color: #999;
+}