southnote-mini-sdk 1.0.0

package/pages/home/home.wxml

@@ -0,0 +1,115 @@
+<!-- 顶部悬浮导航栏 -->
+<view class="nav-bar" style="padding-top: {{statusBarHeight}}px;">
+  <view class="nav-content">
+
+    <view class="nav-btn left" bindtap="toggleMenu">
+      <image src="{{avatar || '/assets/images/icons/header_placeholder.png'}}" class="header" mode="aspectFill"></image>
+    </view>
+
+    <view class="nav-btn right" bindtap="gotoMessagePage">
+      <image src="/assets/images/icons/home_message.png" class="message"></image>
+      <view wx:if="{{unreadCount > 0}}" class="message-badge">{{unreadCount}}</view>
+    </view>
+
+    <view class="nav-title">首页</view>
+
+
+  </view>
+</view>
+
+<!-- 遮罩层 -->
+<view wx:if="{{showMenu}}" class="menu-mask" bindtap="hideMenu"></view>
+
+<!-- 下拉菜单 -->
+<view wx:if="{{showMenu}}" class="menu-box" style="top: {{navTotalHeight}}px;">
+  <view class="menu-item" bindtap="gotoUserCenter">个人主页</view>
+  <view class="menu-item" bindtap="logout">退出登录</view>
+</view>
+
+
+
+
+<!-- <scroll-view scroll-y="true" class="scroll-area" style="padding-top: {{navTotalHeight}}px;"> -->
+
+<text class="title" style="color: black;font-weight: bold;font-size: 40rpx;margin-top: {{navTotalHeight}}px;">编辑推荐</text>
+<swiper class="swiper" autoplay interval="8000" circular indicator-dots indicator-color="white" indicator-active-color="#ff0000">
+  <block wx:for="{{banners}}" wx:key="game_id">
+    <swiper-item bind:tap="gotoGameCenter" data-id="{{item.game_id}}">
+      <image class="cover-image" src="{{item.banner_image}}" mode="widthFix" bindload="onBannerImageLoad" />
+    </swiper-item>
+  </block>
+</swiper>
+<view style="height: 20rpx; background-color: #f5f4f9; width: 100%;margin-top: 10px;"></view>
+
+<text class="title" style="color: black;font-weight: bold;font-size: 40rpx;">玩家动态</text>
+
+<van-skeleton title avatar row="3" loading="{{ loading }}">
+
+
+  <!-- 帖子列表 -->
+  <view class="post-list">
+    <block wx:for="{{posts}}" wx:key="id">
+      <post-item item="{{item}}" data-index="{{index}}" bind:followChanged="onFollowChanged" bind:shareTap="onShareTap" bind:commentTap="onCommentTap" itemType="home" bind:moreTap="onMoreTap" bind:videoPlay="onVideoPlay" id="postItem-{{index}}" bind:pauseAllVideo="onPauseAllVideo" />
+    </block>
+  </view>
+
+  <view wx:if="{{isLoading}}" style="text-align:center;  color:#999;">
+
+  </view>
+
+  <view wx:elif="{{!hasMore}}" style="text-align:center; padding:20rpx; color:#ccc;">
+    <text>—— 没有更多了 ——</text>
+  </view>
+</van-skeleton>
+
+<!-- </scroll-view> -->
+
+<view class="fab" bindtap="onPublish">+发布</view>
+
+
+<bottomSheet id="bottomSheet" insertSubject="{{selectedTopic}}" visible="{{showSheet}}" mode="{{sheetMode}}" originData="{{originPost}}" bind:close="onCloseSheet" bind:submit="onSubmitSheet" bind:chooseTopic="chooseTopic" />
+
+
+
+<!-- 底部弹窗 -->
+<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[currentPostIndex].post.is_collect === 1 ? '#ff7d00' : '#333'}}" />
+        </view>
+        <text class="sheet-text"> {{posts[currentPostIndex].post.is_collect === 1 ? '已收藏' : '收藏'}}
+        </text>
+
+      </view>
+
+    </view>
+    <view class="sheet-divider"></view>
+    <view class="sheet-cancel" bindtap="onCloseMoreSheet">取消</view>
+  </view>
+</view>

package/pages/home/home.wxss

@@ -0,0 +1,231 @@
+/* pages/home/home.wxss */
+/* 顶部悬浮导航栏 */
+.nav-bar {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  background: #ffffff;
+  z-index: 999;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
+}
+
+.nav-content {
+  position: relative;
+  height: 44px;
+  /* 微信小程序导航栏高度统一为 44px */
+  display: flex;
+  align-items: center;
+  /* justify-content: space-between; */
+  padding: 0 12px;
+}
+
+.nav-btn {
+  position: relative;
+  width: 32px;
+  height: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.left {
+  width: 40px;
+  height: 40px;
+
+}
+
+.right {
+  margin-left: 10px;
+}
+
+.header {
+  width: 30px;
+  height: 30px;
+  border-radius: 50%;
+}
+
+.message {
+  width: 30px;
+  height: 20px;
+}
+
+.message-badge {
+  position: absolute;
+  top: -4rpx;
+  right: -4rpx;
+  width: 30rpx;
+  height: 30rpx;
+  background-color: red;
+  color: #fff;
+  font-size: 20rpx;
+  font-weight: bold;
+  border-radius: 50%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  z-index: 1000;
+}
+
+.nav-title {
+  font-size: 14px;
+
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+
+/* 退出登录 */
+.menu-mask {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: transparent;
+  z-index: 998;
+}
+
+.menu-box {
+  position: fixed;
+  left: 10px;
+  /* 根据头像位置调整 */
+  width: 140px;
+  background: #fff;
+  border-radius: 8rpx;
+  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.2);
+  z-index: 999;
+}
+
+.menu-item {
+  text-align: center;
+  padding: 12rpx;
+  font-size: 28rpx;
+  color: #333;
+  border-bottom: 2rpx solid rgb(201, 198, 198);
+}
+
+.menu-item:last-child {
+  border-bottom: none;
+}
+
+
+
+.swiper {
+  width: calc(100vw - 30px);
+  /* 宽度 = 屏幕宽 - 30px */
+  height: calc((100vw - 30px) * 1080 / 1920);
+  /* 高度按比例计算 */
+  border-radius: 15rpx;
+  overflow: hidden;
+
+  /* 水平居中 */
+  margin: 0 auto;
+}
+
+
+.cover-image {
+  width: 100%;
+}
+
+.title {
+  display: inline-block;
+  margin: 20rpx 30rpx 0;
+}
+
+.fab {
+  position: fixed;
+  left: 50%;
+  bottom: 80rpx;
+  transform: translateX(-50%);
+  /* ✅ 水平居中关键 */
+  width: 200rpx;
+  /* ✅ 你想要的宽度 */
+  height: 80rpx;
+  background-color: #002fa7;
+  color: #fff;
+  font-size: 32rpx;
+  font-weight: bold;
+  border: none;
+  /* 移除系统边框 */
+  border-radius: 40rpx;
+  box-shadow: 0 8rpx 16rpx rgba(0, 0, 0, 0.2);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  /* z-index: 999; */
+}
+
+
+.custom-sheet-wrapper {
+  position: fixed;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.5);
+  z-index: 9999;
+}
+
+.custom-sheet {
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  background-color: #f5f4f9;
+  border-top-left-radius: 12rpx;
+  border-top-right-radius: 12rpx;
+  padding: 20rpx 0;
+  z-index: 9999;
+  padding-bottom: calc(20rpx + env(safe-area-inset-bottom));
+}
+
+.sheet-buttons {
+  display: flex;
+  margin-left: 15px;
+  justify-content: flex-start;
+  gap: 20px;
+}
+
+.sheet-button {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+
+}
+
+.icon-wrapper {
+  background-color: white;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 60px;
+  height: 60px;
+  border-radius: 50%;
+}
+
+.sheet-icon {
+  width: 60rpx;
+  height: 60rpx;
+  margin-bottom: 8rpx;
+}
+
+.sheet-text {
+  margin-top: 10px;
+  font-size: 22rpx;
+  color: #333;
+}
+
+.sheet-divider {
+  height: 20rpx;
+  background-color: #ecebef;
+  margin-top: 10px;
+}
+
+.sheet-cancel {
+  text-align: center;
+  color: #000000;
+  font-size: 28rpx;
+  padding: 20rpx 0;
+  border-top: 2rpx solid #eee;
+}

package/pages/lottery-winners/lottery-winners.js

@@ -0,0 +1,60 @@
+import {
+  queryLotteryWinners
+} from "../../services/home";
+
+Page({
+  data: {
+    post: {}, // 上一页传来的帖子对象
+    winners: [], // 中奖名单
+    isWinner: false, // 当前用户是否中奖
+    isAuthor: false, // 是否发起人
+    defaultAvatar: "/assets/images/icons/header_placeholder.png"
+  },
+
+  onLoad(options) {
+    if (!options.post) return;
+
+    const post = JSON.parse(decodeURIComponent(options.post));
+    this.setData({
+      post
+    });
+
+    this.fetchWinners(post.id);
+  },
+
+  async fetchWinners(postId) {
+    try {
+      const res = await queryLotteryWinners(postId);
+      const winners = Array.isArray(res?.data?.winners) ? res?.data?.winners : [];
+
+      const currentUserId = wx.getStorageSync('appuid');
+      const isAuthor = currentUserId === this.data.post.user_id;
+
+      let isWinner = false;
+
+      // 🔥 发起人永远不中奖
+      if (!isAuthor) {
+        isWinner = winners.some(w => String(w.id) === String(currentUserId));
+      }
+
+      this.setData({
+        winners,
+        isAuthor,
+        isWinner
+      });
+    } catch (err) {
+      console.error('获取中奖名单失败', err);
+      wx.showToast({
+        title: '获取中奖名单失败',
+        icon: 'none'
+      });
+    }
+  },
+
+
+  onAddressTap() {
+    wx.navigateTo({
+      url: `/pages/copyOfficial/copyOfficial?url=${encodeURIComponent('https://www.southnote.cn')}`
+    });
+  }
+});

package/pages/lottery-winners/lottery-winners.json

@@ -0,0 +1,4 @@
+{
+  "usingComponents": {},
+  "navigationBarTitleText": "抽奖公示"
+}

package/pages/lottery-winners/lottery-winners.wxml

@@ -0,0 +1,53 @@
+<view class="page">
+
+  <!-- 顶部：我的中奖状态 -->
+  <view class="status-card">
+    <image class="status-img" src="/assets/images/emoji/{{isWinner ? 'smile040.png' : 'smile014.png'}}" />
+
+    <view class="status-text" style="color: #ff9800;font-weight: bold;font-size: 44rpx;">
+      {{(isWinner ? '恭喜中奖~' : '很抱歉，你未中奖')}}
+    </view>
+  </view>
+
+  <view style="display: flex;">
+    <view wx:if="{{isWinner || isAuthor}}" class="address-link" bindtap="onAddressTap">
+      {{isAuthor ? '查看收货地址' : '填写收货地址'}}
+    </view>
+  </view>
+
+  <view style="background-color: white;padding: 30rpx 30rpx 0 30rpx;">
+    <!-- 原始帖 -->
+
+    <view class="post-wrapper">
+      <view class="origin-post">
+        <image mode="aspectFill" class="post-img" src="{{post.cover || post.avatar || defaultAvatar}}" />
+
+        <view class="post-content">
+          <span class="post-text">
+            @{{post.nickname}}：{{post.content}}
+          </span>
+        </view>
+      </view>
+    </view>
+    <!-- 中奖名单 -->
+    <view class="winner-title">中奖名单</view>
+    <view style="height: 2rpx;background-color: #f6f6f6;"></view>
+
+    <view class="winner-list">
+      <block wx:if="{{winners.length}}">
+        <view class="winner-item" wx:for="{{winners}}" wx:key="id">
+          <image class="winner-avatar" src="{{item.avatar || defaultAvatar}}" />
+          <text class="winner-name">{{item.nickname}}</text>
+        </view>
+      </block>
+
+      <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>
+
+
+</view>

package/pages/lottery-winners/lottery-winners.wxss

@@ -0,0 +1,127 @@
+.page {
+  /* padding: 30rpx; */
+  background-color: #f6f6f6;
+  min-height: 100vh;
+  padding-top: 30rpx;
+}
+
+/* ================== 中奖状态卡片 ================== */
+.status-card {
+  background: #ffffff;
+  border-radius: 16rpx;
+  padding: 40rpx 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+
+  margin: 0 30rpx 20rpx;
+}
+
+.status-img {
+  width: 120rpx;
+  height: 120rpx;
+}
+
+.status-text {
+  margin-top: 16rpx;
+  font-size: 30rpx;
+}
+
+.address-link {
+  margin-left: auto;
+  margin-right: 30rpx;
+  margin-bottom: 20rpx;
+  font-size: 26rpx;
+  color: #426de3;
+  text-decoration: underline;
+}
+
+/* ================== 原始帖 ================== */
+.post-wrapper {
+  background: #ffffff;
+  padding: 0;
+  margin-bottom: 24rpx;
+}
+
+.origin-post {
+  background: #f6f6f6;
+  display: flex;
+  align-items: center;
+}
+
+.post-img {
+  width: 80rpx;
+  height: 80rpx;
+  margin-right: 16rpx;
+}
+
+.post-content {
+  flex: 1;
+}
+
+.post-text {
+  font-size: 26rpx;
+  color: #919191;
+
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  /* 最多两行 */
+  overflow: hidden;
+}
+
+
+/* ================== 中奖名单 ================== */
+.winner-title {
+  font-size: 30rpx;
+  font-weight: bold;
+  color: #333;
+  margin: 24rpx 0 16rpx;
+}
+
+.winner-item {
+  background: #ffffff;
+  display: flex;
+  align-items: center;
+  padding: 20rpx 0;
+  border-radius: 12rpx;
+  margin-bottom: 16rpx;
+}
+
+.winner-avatar {
+  width: 70rpx;
+  height: 70rpx;
+  border-radius: 50%;
+  margin-right: 16rpx;
+}
+
+.winner-name {
+  font-size: 26rpx;
+  font-weight: bold;
+  color: #333;
+}
+
+
+.empty-block {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  /* 横向居中 */
+  padding: 40px 0;
+  /* 上下留点空间更好看 */
+}
+
+.empty-img {
+  width: 100px;
+  /* 可根据你的图片实际大小调整 */
+  height: 100px;
+  margin-bottom: 12px;
+  opacity: 0.9;
+  /* 看起来更柔和，可去掉 */
+}
+
+.empty-text {
+  font-size: 14px;
+  color: #999;
+}