southnote-mini-sdk 1.0.0

package/pages/addSubject/addSubject.js

@@ -0,0 +1,199 @@
+import {
+  queryUserTopics,
+  queryTopicRank
+} from "../../services/home"
+
+Page({
+  data: {
+    activeKey: 0,
+    recentTopics: [], // 最近讨论
+    userTopics: [],
+    rankTopics: [],
+    userPage: 1,
+    rankPage: 1,
+    userHasMore: true,
+    rankHasMore: true,
+    loading: false,
+    refreshing: false,
+
+    searchValue: "",
+    showSearchResult: false,
+  },
+  onLoad() {
+    this.loadRecentTopics(); // 加载缓存的最近讨论
+    this.loadUserTopics(true);
+  },
+
+  loadRecentTopics() {
+    const recentTopics = wx.getStorageSync('recentTopics') || [];
+    this.setData({
+      recentTopics
+    });
+  },
+
+  /** 保存最近讨论缓存，最新的在前，最多 10 条 */
+  saveRecentTopic(topic) {
+    let recentTopics = wx.getStorageSync('recentTopics') || [];
+    // 先去重
+    recentTopics = recentTopics.filter(item => item.name !== topic.name);
+    // 插入到最前面
+    recentTopics.unshift(topic);
+    // 保留最多 10 条
+    if (recentTopics.length > 10) {
+      recentTopics = recentTopics.slice(0, 10);
+    }
+    wx.setStorageSync('recentTopics', recentTopics);
+    this.setData({
+      recentTopics
+    });
+  },
+
+  onSearchInput(e) {
+    const value = e.detail.value.trim();
+    this.setData({
+      searchValue: value,
+      showSearchResult: !!value,
+    });
+  },
+
+  onCreateTopic() {
+    const name = this.data.searchValue;
+    if (!name) return;
+
+    const topic = {
+      name,
+      isNew: true
+    };
+    this.saveRecentTopic(topic); // 保存到最近讨论缓存
+
+    const pages = getCurrentPages();
+    const prevPage = pages[pages.length - 2];
+    prevPage.setData({
+      selectedTopic: topic
+    });
+    wx.navigateBack();
+  },
+
+  onChangeTab(e) {
+    const key = e.detail;
+    this.setData({
+      activeKey: key
+    });
+    if (key === 1 && this.data.userTopics.length === 0) {
+      this.loadUserTopics(true);
+    } else if (key === 2 && this.data.rankTopics.length === 0) {
+      this.loadRankTopics(true);
+    }
+  },
+
+  onSelectTopic(e) {
+    const topic = e.currentTarget.dataset.topic;
+    this.saveRecentTopic(topic);
+
+    const pages = getCurrentPages();
+    const prevPage = pages[pages.length - 2];
+
+    if (!prevPage) {
+      console.warn('未找到上一个页面');
+      wx.navigateBack();
+      return;
+    }
+    const bottomSheet = prevPage.selectComponent?.('#bottomSheet');
+    if (bottomSheet) {
+      setTimeout(() => {
+        bottomSheet.setData({
+          selectedTopic: topic,
+        });
+      }, 100);
+    } else {
+      prevPage.setData({
+        selectedTopic: topic
+      });
+    }
+
+    wx.navigateBack();
+  },
+
+  /** 加载我的收藏 */
+  async loadUserTopics(reset = false) {
+    if (this.data.loading || (!this.data.userHasMore && !reset)) return;
+    this.setData({
+      loading: true
+    });
+    const page = reset ? 1 : this.data.userPage + 1;
+    try {
+      const res = await queryUserTopics(page);
+      if (res.code === 0) {
+        const list = reset ? res.data : [...this.data.userTopics, ...res.data];
+        this.setData({
+          userTopics: list,
+          userPage: page,
+          userHasMore: res.data.length > 0,
+        });
+      }
+    } catch (err) {
+      console.error("加载我的收藏失败:", err);
+    } finally {
+      this.setData({
+        loading: false,
+        refreshing: false
+      });
+    }
+  },
+
+  /** 加载热门话题 */
+  async loadRankTopics(reset = false) {
+    if (this.data.loading || (!this.data.rankHasMore && !reset)) return;
+    this.setData({
+      loading: true
+    });
+    const page = reset ? 1 : this.data.rankPage + 1;
+    try {
+      const res = await queryTopicRank(page);
+      if (res.code === 0) {
+        const list = reset ? res.data : [...this.data.rankTopics, ...res.data];
+        this.setData({
+          rankTopics: list,
+          rankPage: page,
+          rankHasMore: res.data.length > 0,
+        });
+      }
+    } catch (err) {
+      console.error("加载热门话题失败:", err);
+    } finally {
+      this.setData({
+        loading: false,
+        refreshing: false
+      });
+    }
+  },
+
+  onRefresh() {
+    this.setData({
+      refreshing: true
+    });
+    const {
+      activeKey
+    } = this.data;
+    if (activeKey === 1) {
+      this.loadUserTopics(true);
+    } else if (activeKey === 2) {
+      this.loadRankTopics(true);
+    } else {
+      this.setData({
+        refreshing: false
+      });
+    }
+  },
+
+  onReachBottom() {
+    const {
+      activeKey
+    } = this.data;
+    if (activeKey === 1) {
+      this.loadUserTopics();
+    } else if (activeKey === 2) {
+      this.loadRankTopics();
+    }
+  }
+});

package/pages/addSubject/addSubject.json

@@ -0,0 +1,4 @@
+{
+  "usingComponents": {},
+  "navigationBarTitleText": "添加话题"
+}

package/pages/addSubject/addSubject.wxml

@@ -0,0 +1,78 @@
+<view class="page">
+  <!-- 搜索框 -->
+  <view class="search-bar">
+    <image class="search-icon" src="/assets/images/icons/search.png" style="width: 15px;height: 15px;position: absolute;margin-left: 10px;"></image>
+    <input class="search-input" placeholder="请输入话题" placeholder-style="color:#ccc" value="{{searchValue}}" bindinput="onSearchInput" />
+  </view>
+
+
+  <view wx:if="{{showSearchResult}}" class="search-overlay">
+    <view class="topic-item" bindtap="onCreateTopic">
+      <view class="hash-icon">#</view>
+      <view class="topic-info">
+        <view class="topic-name">#{{searchValue}}#</view>
+        <view class="topic-sub">创建话题</view>
+      </view>
+    </view>
+  </view>
+
+  <view class="main" wx:else>
+    <!-- 左侧侧边栏 -->
+    <van-sidebar active-key="{{activeKey}}" bind:change="onChangeTab" class="sidebar">
+      <van-sidebar-item title="最近讨论" />
+      <van-sidebar-item title="我的收藏" />
+      <van-sidebar-item title="热门话题" />
+    </van-sidebar> <!-- 右侧内容 -->
+    <scroll-view scroll-y="true" class="content" refresher-enabled="true" refresher-triggered="{{refreshing}}" bindrefresherrefresh="onRefresh" bindscrolltolower="onReachBottom">
+      <!-- 最近讨论 -->
+      <view wx:if="{{activeKey === 0}}">
+        <block wx:if="{{recentTopics.length}}">
+          <block wx:for="{{recentTopics}}" wx:key="name">
+            <view class="topic-item" bindtap="onSelectTopic" data-topic="{{item}}">
+              <view class="hash-icon">#</view>
+              <view class="topic-info">
+                <view class="topic-name">#{{item.name}}#</view>
+                <view class="topic-sub">{{item.posts_count > 0 ? '帖子：' + item.posts_count : '选择话题'}}</view>
+              </view>
+            </view>
+          </block>
+        </block>
+        <view wx:else class="empty">暂无最近讨论</view>
+      </view>
+
+      <!-- 我的收藏 -->
+      <view wx:if="{{activeKey === 1}}">
+        <block wx:if="{{userTopics.length}}">
+          <block wx:for="{{userTopics}}" wx:key="name">
+            <view class="topic-item" bindtap="onSelectTopic" data-topic="{{item}}">
+              <view class="hash-icon">#</view>
+              <view class="topic-info">
+                <view class="topic-name">#{{item.name}}#</view>
+                <view class="topic-sub">{{item.posts_count > 0 ? '帖子：' + item.posts_count : '选择话题'}}</view>
+              </view>
+            </view>
+          </block>
+          <view wx:if="{{loading}}" class="loading">加载中...</view>
+          <view wx:if="{{!userHasMore && !loading}}" class="no-more">没有更多数据</view>
+        </block>
+        <view wx:else class="empty">暂无收藏话题</view>
+      </view> <!-- 热门话题 -->
+      <view wx:if="{{activeKey === 2}}">
+        <block wx:if="{{rankTopics.length}}">
+          <block wx:for="{{rankTopics}}" wx:key="name">
+            <view class="topic-item" bindtap="onSelectTopic" data-topic="{{item}}">
+              <view class="hash-icon">#</view>
+              <view class="topic-info">
+                <view class="topic-name">#{{item.name}}#</view>
+                <view class="topic-sub">选择话题</view>
+              </view>
+            </view>
+          </block>
+          <view wx:if="{{loading}}" class="loading">加载中...</view>
+          <view wx:if="{{!rankHasMore && !loading}}" class="no-more">没有更多数据</view>
+        </block>
+        <view wx:else class="empty">暂无热门话题</view>
+      </view>
+    </scroll-view>
+  </view>
+</view>

package/pages/addSubject/addSubject.wxss

@@ -0,0 +1,85 @@
+.page {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  background-color: #fff;
+}
+
+.search-bar {
+  position: relative;
+  display: flex;
+  align-items: center;
+  padding: 16rpx 24rpx;
+  border-bottom: 1px solid #f2f2f2;
+}
+
+.search-input {
+  flex: 1;
+  background-color: #f5f5f5;
+  border-radius: 30rpx;
+  padding: 10rpx 24rpx;
+  padding-left: 60rpx;
+  font-size: 26rpx;
+  color: #333;
+}
+
+.main {
+  display: flex;
+  flex: 1;
+  overflow: hidden;
+}
+
+.sidebar {
+  width: 160rpx;
+  border-right: 1px solid #f5f5f5;
+  background-color: #fafafa;
+}
+
+.content {
+  flex: 1;
+  padding: 0 0 0 20rpx;
+  overflow-y: scroll;
+}
+
+.topic-item {
+  display: flex;
+  align-items: center;
+  background: #fff;
+  padding: 20rpx;
+  border-bottom: 1px solid #f5f5f5;
+}
+
+.hash-icon {
+  width: 60rpx;
+  height: 60rpx;
+  border-radius: 50%;
+  background-color: #002d7f;
+  color: #fff;
+  text-align: center;
+  line-height: 60rpx;
+  font-size: 36rpx;
+  margin-right: 20rpx;
+  flex-shrink: 0;
+}
+
+.topic-info {
+  display: flex;
+  flex-direction: column;
+}
+
+.topic-name {
+  font-size: 28rpx;
+  color: #000;
+}
+
+.topic-sub {
+  font-size: 24rpx;
+  color: #999;
+  margin-top: 4rpx;
+}
+
+.empty {
+  text-align: center;
+  color: #999;
+  padding: 80rpx 0;
+}

package/pages/commonLogin/commonLogin.js

@@ -0,0 +1,269 @@
+import {
+  passwdLogin,
+  blueBookLogin,
+  sendSMS,
+  phoneLogin
+} from "../../services/home"
+
+Page({
+  data: {
+    loginType: 'code', // 'code' 或 'password'
+    phone: '',
+    code: '',
+    password: '',
+    showPassword: false,
+    agreed: false,
+    countdown: 0,
+    canLogin: false,
+  },
+
+  onLoad() {
+    this.updateCanLogin();
+  },
+
+  gotoAgrement(e) {
+    let url = ''
+    if (e.currentTarget.dataset.type == 1) {
+      url = 'https://www.southnote.cn/private?type=2'
+    } else
+    if (e.currentTarget.dataset.type == 2) {
+      url = 'https://www.southnote.cn/private?type=1'
+    } else
+    if (e.currentTarget.dataset.type == 3) {
+      url = 'https://www.southnote.cn/private?type=3'
+    }
+    wx.navigateTo({
+      url: `/pages/officialWebview/officialWebview?url=${encodeURIComponent(url)}`
+    });
+  },
+  onClose() {
+
+    // 关闭逻辑：如果是 modal，可 wx.navigateBack 或 wx.switchTab 等
+    wx.navigateBack({
+      delta: 1
+    });
+  },
+
+  /* 输入处理 */
+  onPhoneInput(e) {
+    const v = (e.detail && e.detail.value) || '';
+    this.setData({
+      phone: v
+    }, () => this.updateCanLogin());
+  },
+
+  onCodeInput(e) {
+    const v = (e.detail && e.detail.value) || '';
+    this.setData({
+      code: v
+    }, () => this.updateCanLogin());
+  },
+
+  onPasswordInput(e) {
+    const v = (e.detail && e.detail.value) || '';
+    this.setData({
+      password: v
+    }, () => this.updateCanLogin());
+  },
+
+  onAgreeChange(e) {
+    this.setData({
+      agreed: e.detail
+    }, () => this.updateCanLogin());
+  },
+
+  toggleLoginType() {
+    const next = this.data.loginType === 'code' ? 'password' : 'code';
+    this.setData({
+      loginType: next,
+      code: '',
+      password: '',
+      // 重置密码可见状态
+      showPassword: false,
+    }, () => this.updateCanLogin());
+  },
+
+  toggleShowPassword() {
+    this.setData({
+      showPassword: !this.data.showPassword
+    });
+  },
+
+  /* 发送验证码（演示） */
+  /* 发送验证码 */
+  async onSendCode() {
+    if (!/^1[3-9]\d{9}$/.test(this.data.phone)) {
+      wx.showToast({
+        title: '请输入正确的手机号',
+        icon: 'none'
+      });
+      return;
+    }
+    if (this.data.countdown > 0) return;
+
+    try {
+      // 调用后端发送验证码接口
+      const res = await sendSMS(this.data.phone);
+      if (res.code !== 0) {
+        throw new Error(res.msg || '发送失败');
+      }
+
+      wx.showToast({
+        title: '验证码已发送',
+        icon: 'success'
+      });
+
+      // 倒计时 60s
+      this.setData({
+        countdown: 60
+      });
+      const timer = setInterval(() => {
+        const next = this.data.countdown - 1;
+        if (next <= 0) {
+          clearInterval(timer);
+          this.setData({
+            countdown: 0
+          });
+        } else {
+          this.setData({
+            countdown: next
+          });
+        }
+      }, 1000);
+
+    } catch (err) {
+      wx.showToast({
+        title: err.message || '发送失败，请稍后重试',
+        icon: 'none'
+      });
+    }
+  },
+
+
+  /* 忘记密码 */
+  onForgot() {
+    // 跳转到忘记密码页面（你可以自己实现）
+    wx.navigateTo({
+      url: '/pages/forgot/forgot'
+    });
+  },
+
+  /* 登录 */
+  async onLogin() {
+    if (!this.data.agreed) {
+      wx.showToast({
+        title: '请先同意协议',
+        icon: 'none'
+      });
+      return;
+    }
+    // 基本校验
+    if (!/^1[3-9]\d{9}$/.test(this.data.phone)) {
+      wx.showToast({
+        title: '请输入正确手机号',
+        icon: 'none'
+      });
+      return;
+    }
+
+    try {
+      // 显示 loading
+      wx.showLoading({
+        title: '登录中...',
+        mask: true
+      });
+
+      let loginRes;
+
+      if (this.data.loginType === 'code') {
+        // 验证码登录
+        if (this.data.code.length < 4) {
+          wx.showToast({
+            title: '请输入正确验证码',
+            icon: 'none'
+          });
+          return;
+        }
+
+        loginRes = await phoneLogin(this.data.phone, this.data.code);
+        if (loginRes.code !== 0) {
+          wx.hideLoading()
+          throw new Error(loginRes.msg || '登录失败');
+        }
+
+      } else {
+        // 密码登录
+        if (!this.data.password || this.data.password.length < 6) {
+          wx.showToast({
+            title: '请输入正确密码',
+            icon: 'none'
+          });
+          return;
+        }
+        loginRes = await passwdLogin(this.data.phone, this.data.password);
+        if (loginRes.code !== 0) {
+          wx.hideLoading()
+          throw new Error(loginRes.msg);
+        }
+      }
+
+      const {
+        appuid,
+        token
+      } = loginRes.data;
+      if (!appuid || !token) {
+        throw new Error('登录返回缺少 appuid 或 token');
+      }
+
+      // 调用 blueBookLogin 接口
+      blueBookLogin(appuid, token).then(res => {
+        wx.hideLoading()
+        setTimeout(() => {
+
+          wx.showToast({
+            title: '登录成功',
+            icon: 'success'
+          });
+        }, 200);
+
+        wx.setStorageSync('appuid', res.data.user_id);
+        wx.setStorageSync('token', res.data.token);
+        wx.setStorageSync('nickname', res.data.nickname);
+        wx.setStorageSync('avatar', res.data.avatar);
+        wx.navigateBack();
+      });
+
+    } catch (err) {
+      wx.hideLoading()
+      setTimeout(() => {
+
+        console.error('登录失败:', err);
+        wx.showToast({
+          title: err.message || '登录失败，请稍后重试',
+          icon: 'none'
+        });
+      }, 200);
+    }
+  },
+
+  /* 协议跳转：我们在 wxml 中使用 navigator 指向页面 */
+  /* 公共方法：根据当前输入和勾选计算是否允许登录 */
+  updateCanLogin() {
+    const phoneOk = /^1[3-9]\d{9}$/.test(this.data.phone);
+    let inputOk = false;
+    if (this.data.loginType === 'code') {
+      inputOk = this.data.code && this.data.code.length >= 4; // 实际要求按你后台校验
+    } else {
+      inputOk = this.data.password && this.data.password.length >= 6;
+    }
+    const can = phoneOk && inputOk && this.data.agreed;
+    this.setData({
+      canLogin: can
+    }, () => {
+      // 动态设置按钮样式（active class）
+      const pages = getCurrentPages();
+      if (!pages || pages.length === 0) return;
+      const page = pages[pages.length - 1];
+    });
+  },
+});

package/pages/commonLogin/commonLogin.json

@@ -0,0 +1,4 @@
+{
+  "usingComponents": {},
+  "navigationBarTitleText": "登录"
+}

package/pages/commonLogin/commonLogin.wxml

@@ -0,0 +1,57 @@
+<view class="page">
+
+  <!-- 标题 / 副标题 -->
+  <view class="header">
+    <text class="title">{{ loginType === 'code' ? '短信验证码登录' : '密码登录' }}</text>
+    <text class="subtitle">未注册的手机号登录成功后将自动注册</text>
+  </view>
+
+  <!-- 手机号输入 -->
+  <view class="field">
+    <view class="phone-left">
+      <text class="flag">+86</text>
+      <text class="caret">▾</text>
+
+    </view>
+    <view style="width: 1px;height: 15px;background-color: #919191;margin-right:10px;"></view>
+    <input class="input" placeholder="请输入手机号" type="number" maxlength="11" value="{{phone}}" bindinput="onPhoneInput" />
+  </view>
+
+  <!-- 验证码输入 -->
+  <view wx:if="{{loginType === 'code'}}" class="field code-field">
+    <input class="input" placeholder="验证码" type="number" maxlength="6" value="{{code}}" bindinput="onCodeInput" />
+    <view class="send" bindtap="onSendCode" disabled="{{countdown>0}}">{{ countdown>0 ? countdown + 's' : '发送验证码' }}</view>
+  </view>
+
+  <!-- 密码输入 -->
+  <view wx:else class="field password-field">
+    <input class="input" placeholder="请输入密码" password="{{!showPassword}}" value="{{password}}" bindinput="onPasswordInput" />
+    <view style="width: 30px;display: flex;align-items: center;justify-content: center;" catchtap="toggleShowPassword">
+      <van-icon size="20" name="{{showPassword ? 'eye-o':'closed-eye'}}" />
+    </view>
+  </view>
+
+  <!-- 切换登录方式 & 忘记密码 -->
+  <view class=" row">
+    <view class="switch" bindtap="toggleLoginType">
+      <van-icon style="margin-right: 5px;" name="exchange" />
+      {{ loginType === 'code' ? '密码登录' : '验证码登录' }}
+    </view>
+    <!-- <view wx:if="{{loginType === 'password'}}" class="forget" bindtap="onForgot">忘记密码?</view> -->
+  </view>
+
+  <!-- 登录按钮 -->
+  <view class="login-btn {{canLogin ?'active':'disabled'}}" disabled="{{!canLogin}}" bindtap="onLogin">登录</view>
+
+  <!-- 协议勾选 -->
+  <view class="agreement">
+    <van-checkbox value="{{ agreed }}" shape="square" bind:change="onAgreeChange" size="20" />
+
+    <view style="margin-left: 10px;">
+      <span class="agree-text">我已阅读并同意</span>
+      <span class="link" catch:tap="gotoAgrement" data-type="1">《用户协议》</span>
+      <span class="link" catch:tap="gotoAgrement" data-type="2">《隐私政策》</span>
+      <span class="link" catch:tap="gotoAgrement" data-type="3">《未成年人个人信息保护规则》</span>
+    </view>
+  </view>
+</view>