southnote-mini-sdk 1.0.0

package/pages/message/messageLikeAndCollect/messageLikeAndCollect.js

@@ -0,0 +1,147 @@
+import {
+  queryUserMessages
+} from '../../../services/home';
+
+import {
+  parseContent
+} from '../../../utils/parseContent';
+
+Page({
+  data: {
+    list: [],
+    page: 1,
+
+    isRefreshing: false, // 下拉刷新状态
+    isLoadingMore: false, // 上拉加载状态
+    hasMore: true, // 是否还有下一页
+
+    myAvatar: '',
+    myNickName: '',
+    loading: true,
+
+  },
+
+  onLoad() {
+    this.fetchData(true);
+
+    this.setData({
+      myAvatar: wx.getStorageSync('avatar') || '/assets/images/icons/header_placeholder.png',
+      myNickName: wx.getStorageSync('nickname')
+    })
+  },
+
+  /** ------------------------
+   *   原生下拉刷新（替代 scroll-view）
+   *  ------------------------ */
+  onPullDownRefresh() {
+    if (this.data.isRefreshing) return;
+
+    this.setData({
+      page: 1,
+      isRefreshing: true,
+      hasMore: true
+    }, () => {
+      this.fetchData(true);
+    });
+  },
+
+  /** ------------------------
+   *   原生触底（替代 scroll-view 上拉加载）
+   *  ------------------------ */
+  onReachBottom() {
+    if (!this.data.hasMore || this.data.isLoadingMore) return;
+
+    this.setData({
+      isLoadingMore: true
+    }, () => {
+      this.fetchData(false);
+    });
+  },
+
+  /** ------------------------
+   *   数据获取核心方法
+   *  ------------------------ */
+  fetchData(isRefresh) {
+    const page = this.data.page;
+    const PAGE_SIZE = 10; // 参考分页条数，可选
+
+    queryUserMessages(page, 1).then(res => {
+      // 保证 newList 一定是数组
+      let newList = Array.isArray(res.data) ? res.data : [];
+
+      newList = newList.map(item => {
+        item.post_user_nickname = item.post?.user?.nickname || item.user.nickname;
+        item.operation._timeText = this.formatTime(item.operation.created_at);
+
+        if (item.post?.content) {
+          item.post.contentParts = parseContent(item.post.content);
+        } else {
+          item.post.contentParts = [];
+        }
+
+        return item;
+      });
+
+      let list;
+      if (isRefresh) {
+        list = newList;
+        this.setData({
+          isRefreshing: false,
+          page: 2
+        });
+        wx.stopPullDownRefresh();
+      } else {
+        list = this.data.list.concat(newList);
+        this.setData({
+          isLoadingMore: false,
+          page: page + 1
+        });
+      }
+
+      const hasMore = newList.length > 0; // 第二页空数组 → hasMore = false
+
+      this.setData({
+        list,
+        hasMore
+      });
+    }).catch(() => {
+      this.setData({
+        isRefreshing: false,
+        isLoadingMore: false
+      });
+      wx.stopPullDownRefresh();
+    }).finally(() => {
+      this.setData({
+        loading: false
+      })
+    });
+  },
+
+  /** ------------------------
+   *   时间格式化
+   *  ------------------------ */
+  formatTime(timestamp) {
+    const date = new Date(timestamp * 1000);
+    const m = date.getMonth() + 1;
+    const d = date.getDate();
+    const h = date.getHours();
+    const mi = date.getMinutes();
+    return `${m}-${d} ${h}:${mi < 10 ? '0' + mi : mi}`;
+  },
+
+
+  goDetail(e) {
+    const postId = e.currentTarget.dataset.id;
+    wx.navigateTo({
+      url: `/pages/post/post?id=${postId}`
+    });
+  },
+  goUserDetail(e) {
+    const userId = e.currentTarget.dataset.id;
+    wx.navigateTo({
+      url: `/pages/user/user?id=${userId}`
+      // url: '/pages/customNavPage/customNavPage'
+
+    });
+  },
+});

package/pages/message/messageLikeAndCollect/messageLikeAndCollect.json

@@ -0,0 +1,5 @@
+{
+  "navigationBarTitleText": "赞和收藏",
+  "enablePullDownRefresh": true,
+  "usingComponents": {}
+}

package/pages/message/messageLikeAndCollect/messageLikeAndCollect.wxml

@@ -0,0 +1,84 @@
+<!-- pages/likeList/likeList.wxml -->
+<van-van-skeleton title avatar row="8" loading="{{ loading }}">
+
+
+  <view class="container">
+    <!-- 列表 -->
+    <block wx:for="{{list}}" wx:key="index">
+      <view class="cell" catchtap="goDetail" data-id="{{item.post.id}}">
+        <!-- 左侧头像 -->
+        <image class="avatar" src="{{item.user.avatar || '/assets/images/icons/header_placeholder.png'}}" mode="cover" catchtap="goUserDetail" data-id="{{item.user.id}}" />
+
+        <!-- 右侧内容 -->
+        <view class="right">
+          <!-- 上行昵称 + 动作文字 -->
+          <view class="top">
+            <text class="nickname" catchtap="goUserDetail" data-id="{{item.user.id}}">{{item.user.nickname}}</text>
+            <text class="action-text">{{item.operation.type === 'like' ? '赞了你的帖子' : '收藏了你的帖子'}}</text>
+
+            <text wx:if="{{item.operation.is_read === 0}}" style="background-color: #f44336;font-size: 20rpx;font-weight: bold;color: white;padding: 5rpx 9rpx;border-radius: 10rpx; margin-left:8rpx;">新</text>
+
+          </view>
+
+          <!-- 帖子已被删除 -->
+
+          <view class="post-content deleted" wx:if="{{item.post.status === 3}}">
+            原文已被删除
+          </view>
+
+          <view class="post-content deleted" wx:if="{{item.user.status === 3}}">
+            原文账户被封禁，已无法查看
+          </view>
+
+          <!-- 正常帖子 -->
+          <!-- 正常帖子 -->
+          <view class="post-content" wx:if="{{item.post && item.post.status === 1}}">
+            <image class="post-img" src="{{item.post.images || myAvatar}}" mode="cover" />
+            <view class="post-text">
+              <span class="prefix">@{{myNickName}}：</span>
+              <block wx:for="{{item.post.contentParts}}" wx:for-item="part" wx:key="index">
+                <!-- 普通文字 -->
+                <span wx:if="{{!part.type}}" >
+                  {{part.text}}
+                </span>
+
+                <!-- emoji -->
+                <image wx:if="{{part.type === 'emoji'}}" class="emoji" src="{{part.src}}" mode="aspectFit" />
+
+                <!-- 换行 -->
+                <span wx:if="{{part.type === 'br'}}"><br /></span>
+
+                <!-- @用户 -->
+                <span wx:if="{{part.type === 'at'}}" data-userid="{{part.userId}}" bindtap="goUserDetail" class="at">
+                  {{part.text}}
+                </span>
+
+                <!-- #话题# -->
+                <span wx:if="{{part.type === 'topic'}}" class="topic">
+                  {{part.text}}
+                </span>
+              </block>
+            </view>
+          </view>
+
+
+          <!-- status === 2（被拉黑）按你之前说明也显示为已删除风格 -->
+          <view class="post-content deleted" wx:if="{{item.post && item.post.status === 2}}">
+            原文已被删除
+          </view>
+
+          <!-- 操作时间（已经在 fetchData 里格式化为 item.operation._timeText）-->
+          <view class="time">{{item.operation._timeText}}</view>
+        </view>
+      </view>
+    </block>
+
+    <!-- 列表为空 -->
+    <view wx:if="{{list.length === 0 && !isRefreshing}}" class="no-data">暂无消息</view>
+
+    <!-- 底部加载/无更多 提示 -->
+    <view class="list-footer" wx:if="{{isLoadingMore}}">加载中...</view>
+    <view class="list-footer" wx:if="{{!hasMore && list.length>0}}">没有更多了</view>
+  </view>
+
+</van-van-skeleton>

package/pages/message/messageLikeAndCollect/messageLikeAndCollect.wxss

@@ -0,0 +1,166 @@
+/* ==========================
+   likeList 页面样式
+   ========================== */
+
+/* 页面容器 */
+.container {
+  background-color: #f5f4f9;
+  padding: 0;
+  min-height: 100vh;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+}
+
+/* 每条消息单元格 */
+.cell {
+  display: flex;
+  width: 100%;
+  padding: 10px 20px;
+  background-color: #fff;
+  border-radius: 6px;
+  align-items: flex-start;
+  box-sizing: border-box;
+}
+
+/* 左侧头像 */
+.avatar {
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  background-color: #eee;
+  flex-shrink: 0;
+}
+
+/* 右侧内容区域 */
+.right {
+  flex: 1;
+  margin-left: 10px;
+  display: flex;
+  flex-direction: column;
+}
+
+/* 上行：昵称 + 动作文字 */
+.top {
+  display: flex;
+  align-items: center;
+  margin-bottom: 6px;
+}
+
+.nickname {
+  font-weight: bold;
+  margin-right: 6px;
+  font-size: 14px;
+  color: #333;
+  cursor: pointer;
+}
+
+.action-text {
+  color: #666;
+  font-size: 14px;
+}
+
+
+
+/* ==========================
+   帖子内容块
+   ========================== */
+
+/* 原帖整体 */
+.post-content {
+  display: flex;
+  background-color: #f5f5f5;
+  border-radius: 4px;
+  margin: 6px 0;
+  align-items: flex-start;
+  box-sizing: border-box;
+  padding: 4px 6px;
+}
+
+/* 已删除或被封禁的帖子 */
+.post-content.deleted {
+  padding: 10px;
+  justify-content: center;
+  align-items: center;
+  color: #999;
+  font-size: 14px;
+}
+
+/* 帖子图片 */
+.post-img {
+  flex-shrink: 0;
+  width: 70rpx;
+  height: 70rpx;
+  margin-right: 8px;
+  object-fit: cover;
+  background-color: #ddd;
+}
+
+/* 帖子文字，最多显示两行，多余省略 */
+.post-text {
+  display: -webkit-box;       /* 必须 */
+  -webkit-box-orient: vertical; /* 必须 */
+  -webkit-line-clamp: 2;      /* 显示最大行数 */
+  overflow: hidden;           /* 超出隐藏 */
+  word-break: break-word;
+  line-height: 35rpx;         /* 行高根据需求 */
+  font-size: 26rpx;
+  color: #919191;
+}
+
+
+/* 文本前缀，如 @昵称 */
+.prefix {
+  line-height: 35rpx;         /* 行高根据需求 */
+  font-size: 26rpx;
+}
+
+/* emoji 样式 */
+.post-text .emoji {
+  width: 24rpx;
+  height: 24rpx;
+  margin: 0 2rpx;
+  vertical-align: middle;
+}
+
+
+
+/* 换行 */
+.post-text .br {
+  display: block;
+  height: 4px;
+}
+
+/* 加粗文字 */
+.post-text .bold {
+  font-weight: bold;
+}
+
+/* ==========================
+   操作时间
+   ========================== */
+.time {
+  font-size: 12px;
+  color: #999;
+  margin-top: 4px;
+}
+
+/* ==========================
+   空列表提示
+   ========================== */
+.no-data {
+  text-align: center;
+  color: #999;
+  margin-top: 20px;
+}
+
+/* ==========================
+   列表底部加载提示
+   ========================== */
+.list-footer {
+  text-align: center;
+  padding: 12px 0;
+  color: #999;
+  font-size: 13px;
+}

package/pages/message/messageNewFans/messageNewFans.js

@@ -0,0 +1,139 @@
+import {
+  queryUserMessages,
+  followUser
+} from '../../../services/home';
+
+Page({
+  data: {
+    list: [],
+    page: 1,
+    isRefreshing: false,
+    isLoadingMore: false,
+    hasMore: true,
+    loading: true,
+  },
+
+  onLoad() {
+    this.fetchData(true);
+  },
+
+  onPullDownRefresh() {
+    if (this.data.isRefreshing) return;
+    this.setData({
+      page: 1,
+      isRefreshing: true,
+      hasMore: true
+    }, () => {
+      this.fetchData(true);
+    });
+  },
+
+  onReachBottom() {
+    if (!this.data.hasMore || this.data.isLoadingMore) return;
+    this.setData({
+      isLoadingMore: true
+    }, () => {
+      this.fetchData(false);
+    });
+  },
+
+  fetchData(isRefresh) {
+    const page = this.data.page;
+
+    queryUserMessages(page, 2).then(res => {
+      let newList = Array.isArray(res.data) ? res.data : [];
+
+      let list;
+      if (isRefresh) {
+        list = newList;
+        this.setData({
+          isRefreshing: false,
+          page: 2
+        });
+        wx.stopPullDownRefresh();
+      } else {
+        list = this.data.list.concat(newList);
+        this.setData({
+          isLoadingMore: false,
+          page: page + 1
+        });
+      }
+
+      const hasMore = newList.length > 0;
+
+      this.setData({
+        list,
+        hasMore
+      });
+    }).catch(() => {
+      this.setData({
+        isRefreshing: false,
+        isLoadingMore: false
+      });
+      wx.stopPullDownRefresh();
+    }).finally(() => {
+      this.setData({
+        loading: false
+      })
+    });
+  },
+
+  // 关注按钮点击
+  handleFollow(e) {
+    const id = e.currentTarget.dataset.id;
+    const relation = e.currentTarget.dataset.relation;
+
+    let nType;
+
+    // 判断动作类型
+    if (relation === 3) {
+      // 当前是粉丝，点击关注
+      nType = 1;
+    } else if (relation === 4) {
+      // 当前是互关，点击取消关注
+      nType = 2;
+    } else {
+      // 其他状态，默认关注
+      nType = 1;
+    }
+
+    followUser(id, nType).then(() => {
+      wx.showToast({
+        title: nType === 1 ? '关注成功' : '已取消关注',
+        icon: 'none'
+      });
+
+      // 更新本地状态
+      const list = this.data.list.map(item => {
+        if (item.user.id === id) {
+          if (nType === 1) {
+            // 关注成功
+            item.user.relation = 4; // 如果原来是3，关注后变成互关
+          } else if (nType === 2) {
+            // 取消关注
+            item.user.relation = 3; // 变成单向粉丝
+          }
+        }
+        return item;
+      });
+
+      this.setData({
+        list
+      });
+    }).catch(() => {
+      wx.showToast({
+        title: '操作失败，请重试',
+        icon: 'none'
+      });
+    });
+  },
+  goUserDetail(e) {
+    const userId = e.currentTarget.dataset.id;
+    wx.navigateTo({
+      url: `/pages/user/user?id=${userId}`
+      // url: '/pages/customNavPage/customNavPage'
+
+    });
+  },
+
+});

package/pages/message/messageNewFans/messageNewFans.json

@@ -0,0 +1,5 @@
+{
+  "navigationBarTitleText": "新增粉丝",
+  "enablePullDownRefresh": true,
+  "usingComponents": {}
+}

package/pages/message/messageNewFans/messageNewFans.wxml

@@ -0,0 +1,35 @@
+<van-van-skeleton title avatar row="8" loading="{{ loading }}">
+
+  <view class="container">
+    <!-- 列表 -->
+    <block wx:for="{{list}}" wx:key="index">
+      <view class="cell" catchtap="goUserDetail" data-id="{{item.user.id}}">
+        <!-- 左侧头像 -->
+        <image class="avatar" src="{{item.user.avatar || '/assets/images/icons/header_placeholder.png'}}" mode="cover" />
+
+        <!-- 右侧内容 -->
+        <view class="right">
+          <view class="top">
+            <text class="nickname">{{item.user.nickname}}</text>
+            <text wx:if="{{item.operation.is_read === 0}}" style="background-color: #f44336;font-size: 20rpx;font-weight: bold;color: white;padding: 5rpx 9rpx;border-radius: 10rpx; margin-left:8rpx;">新</text>
+          </view>
+          <view class="bio">{{item.user.bio || '这个人很懒，什么都没留下'}}</view>
+        </view>
+
+        <!-- 关注按钮 -->
+        <view class="follow-btn {{item.user.relation === 4 ? 'mutual' : 'add'}}" data-id="{{item.user.id}}" data-relation="{{item.user.relation}}" catch:tap="handleFollow">
+          {{item.user.relation === 4 ? '互相关注' : '+关注'}}
+        </view>
+
+      </view>
+    </block>
+
+    <!-- 列表为空 -->
+    <view wx:if="{{list.length === 0 && !isRefreshing}}" class="no-data">暂无粉丝</view>
+
+    <!-- 底部加载/无更多 提示 -->
+    <view class="list-footer" wx:if="{{isLoadingMore}}">加载中...</view>
+    <view class="list-footer" wx:if="{{!hasMore && list.length>0}}">没有更多了</view>
+  </view>
+
+</van-van-skeleton>

package/pages/message/messageNewFans/messageNewFans.wxss

@@ -0,0 +1,85 @@
+.container {
+  background-color: #f5f4f9;
+  padding: 0;
+  min-height: 100vh;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+}
+
+.cell {
+  display: flex;
+  width: 100%;
+  padding: 10px 20px;
+  background-color: #fff;
+  border-radius: 6px;
+  align-items: center;
+  box-sizing: border-box;
+  margin-top: 1px;
+}
+
+.avatar {
+  width: 50px;
+  height: 50px;
+  border-radius: 50%;
+  background-color: #eee;
+  flex-shrink: 0;
+}
+
+.right {
+  flex: 1;
+  margin-left: 10px;
+  display: flex;
+  flex-direction: column;
+}
+
+.top {
+  font-size: 14px;
+  font-weight: bold;
+  color: #333;
+}
+
+.bio {
+  font-size: 12px;
+  color: #666;
+  margin-top: 4px;
+}
+
+.follow-btn {
+  background-color: #f7f7f7;
+  height: 20px;
+  line-height: 20px;
+  padding: 4px 15px;
+  border-radius: 14px;
+  border: none;
+  font-size: 13px;
+}
+
+/* 互相关注 */
+.follow-btn.mutual {
+  color: #a7a7a7;
+}
+
+/* 可关注 */
+.follow-btn.add {
+  color: #002fa7;
+}
+
+
+.follow-btn[disabled] {
+  background-color: #ccc;
+}
+
+.no-data {
+  text-align: center;
+  color: #999;
+  margin-top: 20px;
+}
+
+.list-footer {
+  text-align: center;
+  padding: 12px 0;
+  color: #999;
+  font-size: 13px;
+}

package/pages/officialWebview/officialWebview.js

@@ -0,0 +1,13 @@
+// pages/webview/webview.js
+Page({
+  data: {
+    url: ''
+  },
+  onLoad(options) {
+    if (options.url) {
+      this.setData({
+        url: decodeURIComponent(options.url)
+      });
+    }
+  }
+});

package/pages/officialWebview/officialWebview.json

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

package/pages/officialWebview/officialWebview.wxml

@@ -0,0 +1,2 @@
+<!-- pages/webview/webview.wxml -->
+<web-view src="{{url}}"></web-view>

package/pages/officialWebview/officialWebview.wxss

@@ -0,0 +1 @@
+/* pages/officialWebview/officialWebview.wxss */