southnote-mini-sdk 1.0.0

package/pages/user/user.json

@@ -0,0 +1,5 @@
+{
+  "usingComponents": {
+    "post-item":"/components/post-item/post-item"
+  }
+}

package/pages/user/user.wxml

@@ -0,0 +1,179 @@
+<view class="page">
+  <!-- 蓝色头部 -->
+  <view class="top-blue"></view>
+
+  <!-- 用户信息卡片 -->
+  <view class="user-card">
+    <image class="avatar" src="{{userDetail.user.avatar ? userDetail.user.avatar+'?x-oss-process=image/resize,w_256' : '/assets/images/icons/header_placeholder.png'}}" mode="aspectFill" catch:tap="onPreviewAvatar" data-url="{{userDetail.user.avatar}}" />
+    <view class="card-actions">
+      <view class="icons">
+        <!-- <image style="width: 23px;height: 18px;" src="/assets/images/icons/home_message.png" mode="aspectFill" /> -->
+
+        <view wx:if="{{!isOwner}}" class="follow-btn {{userDetail.user.is_fans === 1 ? 'followed' : 'unfollow'}}" catchtap="onFollowTap" data-user="{{userDetail.user}}">
+          {{userDetail.user.is_fans === 1 ? '已关注' : '+关注'}}
+        </view>
+        <view wx:else style="height: 36rpx;"></view>
+      </view>
+    </view>
+
+    <view class="card-body">
+      <view class="row-top">
+        <view class="left">
+          <view class="name-row">
+            <text class="nickname">{{userDetail.user.nickname || '——'}}</text>
+            <!-- <view wx:if="{{userDetail.user.gender == 1}}" class="gender male">男</view>
+            <view wx:if="{{userDetail.user.gender == 2}}" class="gender female">女</view> -->
+
+            <image wx:if="{{userDetail.user.gender > 0}}" style="width: 20px;height: 15px;padding: 2px 4px;background-color: #f5f4f9; border-radius: 8px;" src="{{userDetail.user.gender == 1 ? '/assets/images/icons/sex1.png':'/assets/images/icons/sex2.png'}}" mode="aspectFit" />
+
+            <text class="more-info" bind:tap="gotoUserDatum">更多资料></text>
+          </view>
+          <view class="ip">IP属地：{{userDetail.user.ip || '未知'}}</view>
+          <view class="bio" wx:if="{{userDetail.user.bio}}">简介：{{userDetail.user.bio}}</view>
+        </view>
+      </view>
+
+      <!-- 四项统计 -->
+      <view class="stats">
+        <view class="stat"><text class="num">{{userDetail.user.posts_count || 0}}</text><text class="label">帖子</text></view>
+        <view class="divider"></view>
+        <view class="stat"><text class="num">{{userDetail.user.fans_count || 0}}</text><text class="label">粉丝</text></view>
+        <view class="divider"></view>
+        <view class="stat"><text class="num">{{userDetail.user.blacklist_count || 0}}</text><text class="label">黑粉</text></view>
+        <view class="divider"></view>
+        <view class="stat"><text class="num">{{userDetail.user.following_count || 0}}</text><text class="label">关注</text></view>
+      </view>
+    </view>
+  </view>
+
+  <!-- 游戏库卡片 -->
+  <view class="game-card" wx:if="{{userDetail.games.length > 0}}">
+    <view class="game-header">
+      <text class="title">TA的游戏库</text>
+      <text class="see-all" bind:tap="gotoUserGameLib">查看全部></text>
+    </view>
+
+    <scroll-view class="game-scroll" scroll-x="true" show-scrollbar="false">
+      <view class="game-list">
+        <block wx:for="{{userDetail.games || []}}" wx:for-item="g" wx:key="g">
+          <view class="game-item" bind:tap="gotoGameCenter" data-id="{{g.id}}">
+            <image class="game-icon" src="{{g.icon+'?x-oss-process=image/resize,w_256'}}" mode="aspectFill" />
+          </view>
+        </block>
+      </view>
+    </scroll-view>
+  </view>
+
+  <!-- 顶层 Tabs -->
+  <van-tabs class="custom-tabs" active="{{active}}" bind:change="onChange" swipeable animated color="gray" line-width="20">
+    <!-- 动态 -->
+    <van-tab title="动态">
+      <view style="height: 20rpx;background-color: #fff;"></view>
+
+      <!-- 子 Tabs -->
+      <van-tabs class="state-tabs" type="card" color="#002fa7" active="{{subActive}}" bind:change="onSubChange">
+        <block wx:for="{{subTabs}}" wx:for-item="item" wx:key="filter">
+          <van-tab title="{{item.title}}">
+            <view class="post-list">
+              <block wx:for="{{posts[item.filter]}}" wx:for-item="postItem" wx:key="item">
+                <post-item item="{{postItem}}" itemType="user" bind:moreTap="onMoreTap" data-index="{{index}}" bind:followChanged="onFollowChanged" bind:videoPlay="onVideoPlay" id="postItem-{{item.filter}}-{{index}}" bind:pauseAllVideo="onPauseAllVideo"/>
+              </block>
+
+              <view wx:if="{{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>
+    </van-tab>
+
+    <!-- 点评 -->
+    <van-tab title="点评">
+      <view class="post-list">
+        <block wx:for="{{comments}}" wx:for-item="item" wx:key="item">
+          <post-item item="{{item}}" itemType="user" bind:moreTap="onMoreTap" data-index="{{index}}" bind:videoPlay="onVideoPlay" id="postItem-{{index}}" bind:pauseAllVideo="onPauseAllVideo"/>
+        </block>
+        <view wx:if="{{comments.length === 0}}" class="empty">暂无内容</view>
+        <view wx:else>
+          <view wx:if="{{commentsHasMore}}" class="load-more" bindtap="queryUserComments">
+            {{commentsLoading ? '加载中...' : '点击加载更多'}}
+          </view>
+          <view wx:else class="load-more">已加载全部</view>
+        </view>
+      </view>
+    </van-tab>
+
+    <!-- 收藏 -->
+    <van-tab title="收藏">
+      <view class="post-list">
+        <block wx:for="{{collections}}" wx:for-item="item" wx:key="item">
+          <post-item item="{{item}}" itemType="user" bind:moreTap="onMoreTap" data-index="{{index}}" bind:videoPlay="onVideoPlay" id="postItem-{{index}}" bind:pauseAllVideo="onPauseAllVideo"/>
+        </block>
+        <view wx:if="{{collections.length === 0}}" class="empty">暂无内容</view>
+        <view wx:else>
+          <view wx:if="{{collectionsHasMore}}" class="load-more" bindtap="queryUserCollections">
+            {{collectionsLoading ? '加载中...' : '点击加载更多'}}
+          </view>
+          <view wx:else class="load-more">已加载全部</view>
+        </view>
+      </view>
+    </van-tab>
+  </van-tabs>
+</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="{{moreSheetItem.post.is_collect === 1 ? '#ff7d00' : '#333'}}" />
+        </view>
+        <text class="sheet-text">{{moreSheetItem.post.is_collect === 1 ? '已收藏' : '收藏'}}</text>
+      </view>
+
+
+
+    </view>
+    <view class="sheet-divider"></view>
+    <view class="sheet-cancel" bindtap="onCloseMoreSheet">取消</view>
+  </view>
+</view>

package/pages/user/user.wxss

@@ -0,0 +1,340 @@
+/* 页面背景 */
+.page {
+  background: #f3f5f7;
+  min-height: 100vh;
+  position: relative;
+}
+
+/* 蓝色头图（高度请根据截图调整） */
+.top-blue {
+  height: 350rpx;
+  background: #002FA7;
+  /* 截图偏深蓝 */
+}
+
+/* 白卡片（悬浮在蓝色之上） */
+.user-card {
+  background: #fff;
+  margin: -160rpx 24rpx 18rpx;
+  border-radius: 16rpx;
+  padding: 26rpx 20rpx 20rpx;
+  box-shadow: 0 10rpx 24rpx rgba(0, 0, 0, 0.08);
+  position: relative;
+  overflow: visible;
+}
+
+/* 头像：绝对定位置于卡片左上，带白色边框，和截图一致 */
+.avatar {
+  width: 136rpx;
+  height: 136rpx;
+  border-radius: 100rpx;
+  position: absolute;
+  left: 26rpx;
+  top: -68rpx;
+  border: 6rpx solid #fff;
+  z-index: 3;
+  background: #fff;
+}
+
+/* 卡片右上操作（更多资料 / 信封 / 关注） */
+.card-actions {
+  right: 20rpx;
+  top: 18rpx;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  z-index: 4;
+}
+
+.more-info {
+  color: #999;
+  font-size: 24rpx;
+  margin-bottom: 8rpx;
+  margin-left: auto;
+}
+
+.icons {
+  display: flex;
+  align-items: center;
+  gap: 40rpx;
+}
+
+.mail {
+  font-size: 28rpx;
+  line-height: 36rpx;
+}
+
+/* 关注按钮样式（和截图类似的圆角蓝色） */
+.follow-btn {
+  background-color: #002fa7;
+  color: #fff;
+  border-radius: 36rpx;
+  height: 36rpx;
+  line-height: 36rpx;
+  padding: 8rpx 18rpx;
+  font-size: 26rpx;
+  border: none;
+}
+
+.followed {
+  background-color: #f7f7f7;
+  color: #9e9e9e;
+}
+
+.unfollow {
+  background-color: #002fa7;
+  color: #fff;
+}
+
+/* 昵称行 */
+.name-row {
+  margin-top: 40rpx;
+  display: flex;
+  align-items: center;
+  gap: 12rpx;
+}
+
+.nickname {
+  font-size: 36rpx;
+  font-weight: 700;
+  color: #111;
+}
+
+/* 性别小徽章（圆形小块） */
+.gender {
+  padding: 4rpx 8rpx;
+  border-radius: 10rpx;
+  font-size: 22rpx;
+  color: #fff;
+}
+
+.gender.male {
+  background: #2b8fff;
+}
+
+.gender.female {
+  background: #ff6b9a;
+}
+
+.ip {
+  margin-top: 8rpx;
+  color: #888;
+  font-size: 24rpx;
+}
+
+.bio {
+  margin-top: 8rpx;
+  color: #444;
+  font-size: 26rpx;
+  line-height: 40rpx;
+  /* max-height: 80rpx; */
+  overflow: hidden;
+}
+
+/* 统计区域：一行四项，中间用竖线分隔 */
+.stats {
+  margin-top: 20rpx;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border-top: 2rpx solid #f0f0f0;
+  padding-top: 18rpx;
+}
+
+.stat {
+  flex: 1;
+  text-align: center;
+}
+
+.stat .num {
+  display: block;
+  font-size: 32rpx;
+  font-weight: 700;
+  color: #111;
+}
+
+.stat .label {
+  display: block;
+  margin-top: 6rpx;
+  font-size: 24rpx;
+  color: #777;
+}
+
+/* 分割竖线 */
+.divider {
+  width: 2rpx;
+  height: 44rpx;
+  background: #f0f0f0;
+}
+
+/* 游戏卡片 */
+.game-card {
+  background: #fff;
+  margin: 0 24rpx 24rpx;
+  border-radius: 16rpx;
+  padding: 18rpx;
+  box-shadow: 0 8rpx 20rpx rgba(0, 0, 0, 0.06);
+}
+
+.game-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 10rpx;
+}
+
+.title {
+  font-size: 30rpx;
+  font-weight: 700;
+}
+
+.see-all {
+  color: #0b57b1;
+  font-size: 24rpx;
+}
+
+/* 横向滚动列表 */
+.game-scroll {
+  width: 100%;
+  overflow-x: scroll;
+  /* 微信小程序一般 scroll-x 就够 */
+}
+
+.game-list {
+  display: flex;
+  flex-direction: row;
+}
+
+.game-item {
+  width: 90rpx;
+  /* 固定宽度，避免自动换行 */
+  height: 90rpx;
+  margin-right: 20rpx;
+}
+
+
+.game-icon {
+  width: 86rpx;
+  height: 86rpx;
+  border-radius: 20rpx;
+}
+
+
+.van-sticky-wrap {
+  background-color: white;
+}
+
+.custom-tabs {
+  width: 50%;
+  /* 控制整个 tabs 宽度 */
+}
+
+.custom-tabs .van-tabs__wrap {
+  width: 50%;
+  /* 控制顶部导航条宽度 */
+}
+
+.custom-tabs .van-tabs__content {
+  width: 100%;
+  /* 控制内容区宽度 */
+}
+
+.post-list {
+  display: flex;
+  flex-direction: column;
+}
+
+.empty {
+  flex: 1;
+  /* 占满剩余空间 */
+  display: flex;
+  justify-content: center;
+  /* 水平居中 */
+  align-items: center;
+  /* 垂直居中 */
+  color: #999;
+  font-size: 28rpx;
+  min-height: 400rpx;
+}
+
+.load-more {
+  background-color: white;
+  text-align: center;
+  color: #999;
+  font-size: 28rpx;
+  /* margin: 20rpx 0; */
+
+}
+
+
+.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/userDatum/userDatum.js

@@ -0,0 +1,24 @@
+Page({
+  data: {
+    user: {}
+  },
+
+  onLoad(options) {
+    if (options.user) {
+      const user = JSON.parse(decodeURIComponent(options.user));
+      this.setData({ user });
+    }
+  },
+
+  copyID() {
+    wx.setClipboardData({
+      data: this.data.user.id,
+      success() {
+        wx.showToast({
+          title: 'ID已复制到粘贴板',
+          icon: 'success'
+        });
+      }
+    });
+  }
+})

package/pages/userDatum/userDatum.json

@@ -0,0 +1,4 @@
+{
+  "usingComponents": {},
+  "navigationBarTitleText": "个人资料"
+}

package/pages/userDatum/userDatum.wxml

@@ -0,0 +1,36 @@
+<view class="container">
+  <!-- 头像 -->
+  <view class="cell">
+    <text class="title">头像</text>
+    <image class="avatar" src="{{user.avatar ? user.avatar+'?x-oss-process=image/resize,w_256':'/assets/images/icons/header_placeholder.png'}}" mode="aspectFill"></image>
+  </view>
+  <view class="line"></view>
+
+  <!-- 昵称 -->
+  <view class="cell">
+    <text class="title">昵称</text>
+    <text class="content">{{user.nickname}}</text>
+  </view>
+  <view class="line"></view>
+
+  <!-- 性别 -->
+  <view class="cell">
+    <text class="title">性别</text>
+    <text class="content">{{user.gender > 0 ? (user.gender === 1 ? '男':'女') : '保密'}}</text>
+  </view>
+  <view class="line"></view>
+
+  <!-- ID -->
+  <view class="cell" bindtap="copyID">
+    <text class="title">ID</text>
+    <text class="content">{{user.id}}</text>
+  </view>
+  <view class="line"></view>
+
+  <!-- 简介 -->
+  <view class="cell">
+    <text class="title">简介</text>
+    <text class="content">{{user.bio || '还未设置简介'}}</text>
+  </view>
+  <view class="line"></view>
+</view>

package/pages/userDatum/userDatum.wxss

@@ -0,0 +1,41 @@
+.container {
+  background-color: #f5f4f9;
+  display: flex;
+  min-height: 100vh;
+  flex-direction: column;
+  justify-content: flex-start;
+  padding-top: 0;
+}
+
+.cell {
+  background-color: white;
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding:10rpx 30rpx;
+  box-sizing: border-box;
+}
+
+.title {
+  font-size: 28rpx;
+  line-height: 40px;
+}
+
+.avatar {
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+}
+
+.content {
+
+  font-size: 28rpx;
+  color: #666;
+}
+
+
+.line {
+  height: 2rpx;
+  background-color: #eee;
+}