southnote-mini-sdk 1.0.0

package/pages/userGameLib/userGameLib.js

@@ -0,0 +1,105 @@
+import {
+  queryUserGames
+} from "../../services/home";
+import {
+  getLevelByExp,getLevelImg
+} from "../../utils/exp";
+
+Page({
+  data: {
+    gameList: [],
+    target_id: null,
+    page: 1,
+    hasMore: true,
+    loadingMore: false,
+    noMore: false 
+  },
+
+  onLoad(options) {
+    this.setData({
+      target_id: options.user_id
+    });
+    this.loadGames(true);
+  },
+
+  // 加载游戏列表
+  async loadGames(reset = false) {
+    if (reset) {
+      this.setData({
+        page: 1,
+        hasMore: true,
+        gameList: [],
+        noMore: false
+      });
+    }
+
+    if (!this.data.hasMore) return;
+
+    const {
+      target_id,
+      page
+    } = this.data;
+
+    const res = await queryUserGames(target_id, page);
+
+    // ⭐⭐ res.data 可能是 {} 或 null，统一归为 []
+    let list = [];
+    if (Array.isArray(res?.data)) {
+      list = res.data;
+    } else {
+      list = [];
+    }
+
+    // 转等级
+    list = list.map(item => ({
+      ...item,
+      level: getLevelByExp(item?.exp || 0),
+      levelImg:getLevelImg(getLevelByExp(item.exp || 0))
+    }));
+
+    // 是否还有更多
+    const noMore = list.length === 0;
+
+    this.setData({
+      gameList: [...this.data.gameList, ...list],
+      page: page + 1,
+      hasMore: !noMore,
+      noMore,
+      loadingMore: false
+    });
+  },
+
+  // 下拉刷新
+  onPullDownRefresh() {
+    this.loadGames(true).then(() => {
+      wx.stopPullDownRefresh();
+    });
+  },
+
+  // 上拉加载
+  onReachBottom() {
+    if (!this.data.loadingMore && this.data.hasMore) {
+      this.setData({
+        loadingMore: true
+      });
+      this.loadGames();
+    }
+  },
+
+  // 点击 cell
+  goDetail(e) {
+    const id = e.currentTarget.dataset.id;
+    wx.navigateTo({
+      url: `/pages/game/game?id=${id}`
+    });
+  },
+
+  // 点击进入
+  enterGame(e) {
+    e.stopPropagation();
+    const id = e.currentTarget.dataset.id;
+    wx.navigateTo({
+      url: `/pages/game/game?id=${id}`
+    });
+  }
+});

package/pages/userGameLib/userGameLib.json

@@ -0,0 +1,4 @@
+{
+  "navigationBarTitleText": "TA的游戏库",
+  "enablePullDownRefresh": true
+}

package/pages/userGameLib/userGameLib.wxml

@@ -0,0 +1,42 @@
+<view class="container">
+
+  <block wx:for="{{gameList}}" wx:key="id">
+    <view class="cell" bindtap="goDetail" data-id="{{item.id}}">
+
+      <!-- 左侧游戏图标 -->
+      <image class="icon" src="{{item.icon+'?x-oss-process=image/resize,w_256'}}" mode="aspectFill"></image>
+
+      <!-- 右侧内容 -->
+      <view class="content">
+
+        <!-- 游戏名称 + 等级 -->
+        <view class="title-row">
+          <text class="title">{{item.name}}</text>
+          <view class="level-icon">
+            <image class="level-img" src="{{item.levelImg}}" mode="aspectFit"></image>
+            <text class="level-text">{{item.level}}</text>
+          </view>
+        </view>
+
+        <!-- 玩家数 + 帖子数 -->
+        <view class="stats-row">
+          <text class="stats">玩家: {{item.fans_count}}</text>
+          <text class="stats post">帖子: {{item.posts_count}}</text>
+        </view>
+
+        <!-- slogan -->
+        <view class="slogan">{{item.slogan}}</view>
+
+      </view>
+
+      <!-- 右侧进入按钮 -->
+      <view class="enter-btn" data-id="{{item.id}}" bindtap="enterGame">进入</view>
+    </view>
+
+    <view class="divider"></view>
+  </block>
+
+  <view wx:if="{{loadingMore}}" class="loading">加载中...</view>
+  <view wx:if="{{noMore}}" class="no-more">没有更多了</view>
+
+</view>

package/pages/userGameLib/userGameLib.wxss

@@ -0,0 +1,119 @@
+.container {
+  background: #f8f8f8;
+  padding-bottom: 30rpx;
+  padding-top: 0px;
+}
+
+.cell {
+  display: flex;
+  align-items: center;
+  padding: 20rpx 30rpx;
+  background: #fff;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+.icon {
+  width: 120rpx;
+  height: 120rpx;
+  border-radius: 16rpx;
+  flex-shrink: 0;
+}
+
+.content {
+  flex: 1;
+  margin-left: 20rpx;
+}
+
+.title-row {
+  display: flex;
+  align-items: center;
+}
+
+.title {
+  font-size: 26rpx;
+  font-weight: 600;
+  margin-right: 8rpx;
+}
+
+.level {
+  font-size: 26rpx;
+  color: #888;
+}
+
+.stats-row {
+  display: flex;
+  margin-top: 6rpx;
+}
+
+.stats {
+  font-size: 22rpx;
+  color: #555;
+}
+
+.post {
+  font-size: 22rpx;
+  margin-left: 20rpx;
+}
+
+.slogan {
+  font-size: 22rpx;
+  color: #555;
+  margin-top: 6rpx;
+}
+
+.enter-btn {
+  margin-left: 20rpx;
+  padding: 0 20rpx;
+  height: 40rpx;
+  line-height: 40rpx;
+  font-size: 26rpx;
+  color: #3b5fbb;
+  border: 1px solid #3b5fbb;
+  border-radius: 30rpx;
+  background: #fff;
+  margin-bottom: 2rpx;
+}
+
+.divider {
+  height: 2rpx;
+  background: #eee;
+  margin-left: 30rpx;
+}
+
+.loading {
+  text-align: center;
+  padding: 20rpx;
+  color: #666;
+}
+
+.no-more {
+  text-align: center;
+  color: #999;
+  padding: 20rpx 0;
+  font-size: 26rpx;
+}
+
+
+.level-icon {
+  position: relative;
+  width: 16px;
+  /* 按你的 lv1.png 实际大小调整 */
+  height: 16px;
+  margin-left: 3px;
+}
+
+.level-img {
+  width: 100%;
+  height: 100%;
+}
+
+.level-text {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  font-size: 10px;
+  color: #6d6d6d;
+  text-align: center;
+}

package/pages/webview/webview.js

@@ -0,0 +1,25 @@
+Page({
+  data: {
+    url: '' // 三方网址
+  },
+
+  onLoad(query) {
+    if (query.url) {
+      this.setData({
+        url: decodeURIComponent(query.url)
+      });
+    }
+  },
+
+  copyUrl() {
+    wx.setClipboardData({
+      data: this.data.url,
+      success: () => {
+        wx.showToast({
+          title: '已复制链接',
+          icon: 'success'
+        });
+      }
+    });
+  }
+});

package/pages/webview/webview.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

package/pages/webview/webview.wxml

@@ -0,0 +1,22 @@
+<view class="container">
+
+  <!-- 上半部分：安全提示 -->
+  <view class="warning-box">
+    <view class="warning-title">⚠️ 温馨提示</view>
+    <view class="warning-text">
+      即将访问第三方网站，请谨防诈骗、不要泄露个人隐私或银行账户信息。
+    </view>
+  </view>
+
+  <!-- 显示 URL -->
+  <view class="url-box">
+    <text class="url-text">{{url}}</text>
+  </view>
+
+  <!-- 按钮：复制并提示用浏览器打开 -->
+  <button class="copy-btn" bindtap="copyUrl">复制链接</button>
+
+  <!-- 底部提示 -->
+  <view class="bottom-tip">复制后请前往系统浏览器打开该链接</view>
+
+</view>

package/pages/webview/webview.wxss

@@ -0,0 +1,50 @@
+.container {
+  padding: 40rpx;
+}
+
+.warning-box {
+  background: #fff7e6;
+  border: 2rpx solid #ffe58f;
+  border-radius: 16rpx;
+  padding: 24rpx;
+  margin-bottom: 40rpx;
+}
+
+.warning-title {
+  font-size: 32rpx;
+  font-weight: bold;
+  color: #fa8c16;
+  margin-bottom: 10rpx;
+}
+
+.warning-text {
+  font-size: 28rpx;
+  color: #ad6800;
+}
+
+.url-box {
+  background: #f5f5f5;
+  border-radius: 12rpx;
+  padding: 20rpx;
+  margin-bottom: 40rpx;
+}
+
+.url-text {
+  font-size: 30rpx;
+  word-break: break-all;
+  color: #333;
+}
+
+.copy-btn {
+  background: #1677ff;
+  color: #fff;
+  border-radius: 12rpx;
+  font-size: 32rpx;
+}
+
+.bottom-tip {
+  margin-top: 20rpx;
+  text-align: center;
+  color: #999;
+  font-size: 26rpx;
+}