feat: 完整重构小程序匹配功能 + 修复UI对齐 + 文章数据API

主要更新: 1. 按H5网页端完全重构匹配功能(match页面) - 4种匹配类型: 创业合伙/资源对接/导师顾问/团队招募 - 资源对接等类型弹出手机号/微信号输入框 - 去掉重新匹配按钮，改为返回按钮 2. 修复所有卡片对齐和宽度问题 - 目录页附录卡片居中 - 首页阅读进度卡片满宽度 - 我的页面菜单卡片对齐 - 推广中心分享卡片统一宽度 3. 修复目录页图标和文字对齐 - section-icon固定40rpx宽高 - section-title与图标垂直居中 4. 更新真实完整文章标题(62篇) - 从book目录读取真实markdown文件名 - 替换之前的简化标题 5. 新增文章数据API - /api/db/chapters - 获取完整书籍结构 - 支持按ID获取单篇文章内容
2026-01-21 15:49:12 +08:00
parent 1ee25e3dab
commit b60edb3d47
197 changed files with 34430 additions and 7345 deletions
--- a/miniprogram/pages/settings/settings.js
+++ b/miniprogram/pages/settings/settings.js
@@ -0,0 +1,192 @@
+/**
+ * Soul创业实验 - 设置页
+ * 账号绑定功能
+ */
+const app = getApp()
+
+Page({
+  data: {
+    statusBarHeight: 44,
+    isLoggedIn: false,
+    userInfo: null,
+    version: '1.0.0',
+    
+    // 绑定信息
+    phoneNumber: '',
+    wechatId: '',
+    alipayAccount: '',
+    
+    // 绑定弹窗
+    showBindModal: false,
+    bindType: '', // phone | wechat | alipay
+    bindValue: ''
+  },
+
+  onLoad() {
+    this.setData({
+      statusBarHeight: app.globalData.statusBarHeight,
+      isLoggedIn: app.globalData.isLoggedIn,
+      userInfo: app.globalData.userInfo
+    })
+    this.loadBindingInfo()
+  },
+
+  onShow() {
+    this.loadBindingInfo()
+  },
+
+  // 加载绑定信息
+  loadBindingInfo() {
+    const { userInfo, isLoggedIn } = app.globalData
+    if (isLoggedIn && userInfo) {
+      // 从本地存储或用户信息中获取绑定数据
+      const phoneNumber = wx.getStorageSync('user_phone') || userInfo.phone || ''
+      const wechatId = wx.getStorageSync('user_wechat') || userInfo.wechat || ''
+      const alipayAccount = wx.getStorageSync('user_alipay') || userInfo.alipay || ''
+      
+      this.setData({
+        isLoggedIn: true,
+        userInfo,
+        phoneNumber,
+        wechatId,
+        alipayAccount
+      })
+    }
+  },
+
+  // 绑定手机号
+  bindPhone() {
+    this.setData({
+      showBindModal: true,
+      bindType: 'phone',
+      bindValue: ''
+    })
+  },
+
+  // 绑定微信号
+  bindWechat() {
+    this.setData({
+      showBindModal: true,
+      bindType: 'wechat',
+      bindValue: ''
+    })
+  },
+
+  // 绑定支付宝
+  bindAlipay() {
+    this.setData({
+      showBindModal: true,
+      bindType: 'alipay',
+      bindValue: ''
+    })
+  },
+
+  // 输入绑定值
+  onBindInput(e) {
+    let value = e.detail.value
+    if (this.data.bindType === 'phone') {
+      value = value.replace(/\D/g, '').slice(0, 11)
+    }
+    this.setData({ bindValue: value })
+  },
+
+  // 确认绑定
+  confirmBind() {
+    const { bindType, bindValue } = this.data
+    
+    if (!bindValue) {
+      wx.showToast({ title: '请输入内容', icon: 'none' })
+      return
+    }
+    
+    // 验证
+    if (bindType === 'phone' && !/^1[3-9]\d{9}$/.test(bindValue)) {
+      wx.showToast({ title: '请输入正确的手机号', icon: 'none' })
+      return
+    }
+    
+    if (bindType === 'wechat' && bindValue.length < 6) {
+      wx.showToast({ title: '微信号至少6位', icon: 'none' })
+      return
+    }
+    
+    if (bindType === 'alipay' && !bindValue.includes('@') && !/^1[3-9]\d{9}$/.test(bindValue)) {
+      wx.showToast({ title: '请输入正确的支付宝账号', icon: 'none' })
+      return
+    }
+    
+    // 保存绑定信息
+    if (bindType === 'phone') {
+      wx.setStorageSync('user_phone', bindValue)
+      this.setData({ phoneNumber: bindValue })
+    } else if (bindType === 'wechat') {
+      wx.setStorageSync('user_wechat', bindValue)
+      this.setData({ wechatId: bindValue })
+    } else if (bindType === 'alipay') {
+      wx.setStorageSync('user_alipay', bindValue)
+      this.setData({ alipayAccount: bindValue })
+    }
+    
+    this.setData({ showBindModal: false })
+    wx.showToast({ title: '绑定成功', icon: 'success' })
+  },
+
+  // 关闭绑定弹窗
+  closeBindModal() {
+    this.setData({ showBindModal: false })
+  },
+
+  // 清除缓存
+  clearCache() {
+    wx.showModal({
+      title: '清除缓存',
+      content: '确定要清除本地缓存吗？',
+      success: (res) => {
+        if (res.confirm) {
+          // 保留登录信息，只清除其他缓存
+          const token = wx.getStorageSync('token')
+          const userInfo = wx.getStorageSync('userInfo')
+          wx.clearStorageSync()
+          if (token) wx.setStorageSync('token', token)
+          if (userInfo) wx.setStorageSync('userInfo', userInfo)
+          wx.showToast({ title: '缓存已清除', icon: 'success' })
+        }
+      }
+    })
+  },
+
+  // 退出登录
+  handleLogout() {
+    wx.showModal({
+      title: '退出登录',
+      content: '确定要退出登录吗？',
+      success: (res) => {
+        if (res.confirm) {
+          app.logout()
+          this.setData({ 
+            isLoggedIn: false, 
+            userInfo: null,
+            phoneNumber: '',
+            wechatId: '',
+            alipayAccount: ''
+          })
+          wx.showToast({ title: '已退出登录', icon: 'success' })
+          setTimeout(() => wx.navigateBack(), 1500)
+        }
+      }
+    })
+  },
+
+  // 联系客服
+  contactService() {
+    wx.setClipboardData({
+      data: '28533368',
+      success: () => wx.showToast({ title: '客服微信已复制', icon: 'success' })
+    })
+  },
+
+  // 阻止冒泡
+  stopPropagation() {},
+
+  goBack() { wx.navigateBack() }
+})
--- a/miniprogram/pages/settings/settings.json
+++ b/miniprogram/pages/settings/settings.json
@@ -0,0 +1,4 @@
+{
+  "usingComponents": {},
+  "navigationStyle": "custom"
+}
--- a/miniprogram/pages/settings/settings.wxml
+++ b/miniprogram/pages/settings/settings.wxml
@@ -0,0 +1,138 @@
+<!--设置页 - 账号绑定功能-->
+<view class="page">
+  <view class="nav-bar" style="padding-top: {{statusBarHeight}}px;">
+    <view class="nav-back" bindtap="goBack">
+      <text class="back-icon">‹</text>
+    </view>
+    <text class="nav-title">设置</text>
+    <view class="nav-placeholder"></view>
+  </view>
+  <view style="height: {{statusBarHeight + 44}}px;"></view>
+
+  <view class="content">
+    <!-- 账号绑定 -->
+    <view class="bind-card" wx:if="{{isLoggedIn}}">
+      <view class="card-header">
+        <text class="card-icon">🛡️</text>
+        <view class="card-title-wrap">
+          <text class="card-title">账号绑定</text>
+          <text class="card-desc">绑定后可用于提现和找伙伴功能</text>
+        </view>
+      </view>
+      
+      <view class="bind-list">
+        <!-- 手机号 -->
+        <view class="bind-item">
+          <view class="bind-left">
+            <view class="bind-icon phone-icon">📱</view>
+            <view class="bind-info">
+              <text class="bind-label">手机号</text>
+              <text class="bind-value">{{phoneNumber || '未绑定'}}</text>
+            </view>
+          </view>
+          <view class="bind-right">
+            <text class="bind-check" wx:if="{{phoneNumber}}">✓</text>
+            <text class="bind-btn" wx:else bindtap="bindPhone">去绑定</text>
+          </view>
+        </view>
+        
+        <!-- 微信号 -->
+        <view class="bind-item">
+          <view class="bind-left">
+            <view class="bind-icon wechat-icon">💬</view>
+            <view class="bind-info">
+              <text class="bind-label">微信号</text>
+              <text class="bind-value">{{wechatId || '未绑定'}}</text>
+            </view>
+          </view>
+          <view class="bind-right">
+            <text class="bind-check" wx:if="{{wechatId}}">✓</text>
+            <text class="bind-btn" wx:else bindtap="bindWechat">去绑定</text>
+          </view>
+        </view>
+        
+        <!-- 支付宝 -->
+        <view class="bind-item">
+          <view class="bind-left">
+            <view class="bind-icon alipay-icon">💳</view>
+            <view class="bind-info">
+              <text class="bind-label">支付宝</text>
+              <text class="bind-value">{{alipayAccount || '未绑定'}}</text>
+            </view>
+          </view>
+          <view class="bind-right">
+            <text class="bind-check" wx:if="{{alipayAccount}}">✓</text>
+            <text class="bind-btn" wx:else bindtap="bindAlipay">去绑定</text>
+          </view>
+        </view>
+      </view>
+    </view>
+    
+    <!-- 提现提示 -->
+    <view class="tip-banner" wx:if="{{isLoggedIn && !wechatId && !alipayAccount}}">
+      <text class="tip-text">提示：绑定至少一个支付方式（微信或支付宝）才能使用提现功能</text>
+    </view>
+
+    <!-- 其他设置 -->
+    <view class="settings-group">
+      <view class="settings-item" bindtap="contactService">
+        <view class="item-left">
+          <text class="item-icon">💬</text>
+          <text class="item-title">联系客服</text>
+        </view>
+        <text class="item-arrow">→</text>
+      </view>
+      <view class="settings-item" bindtap="clearCache">
+        <view class="item-left">
+          <text class="item-icon">🗑️</text>
+          <text class="item-title">清除缓存</text>
+        </view>
+        <text class="item-arrow">→</text>
+      </view>
+    </view>
+
+    <view class="settings-group">
+      <view class="settings-item">
+        <view class="item-left">
+          <text class="item-icon">ℹ️</text>
+          <text class="item-title">当前版本</text>
+        </view>
+        <text class="item-value">v{{version}}</text>
+      </view>
+    </view>
+
+    <view class="logout-btn" wx:if="{{isLoggedIn}}" bindtap="handleLogout">退出登录</view>
+  </view>
+  
+  <!-- 绑定弹窗 -->
+  <view class="modal-overlay" wx:if="{{showBindModal}}" bindtap="closeBindModal">
+    <view class="modal-content" catchtap="stopPropagation">
+      <view class="modal-header">
+        <text class="modal-title">绑定{{bindType === 'phone' ? '手机号' : bindType === 'wechat' ? '微信号' : '支付宝'}}</text>
+        <view class="modal-close" bindtap="closeBindModal">✕</view>
+      </view>
+      
+      <view class="modal-body">
+        <view class="input-wrapper">
+          <input 
+            type="{{bindType === 'phone' ? 'number' : 'text'}}"
+            class="form-input"
+            placeholder="{{bindType === 'phone' ? '请输入11位手机号' : bindType === 'wechat' ? '请输入微信号' : '请输入支付宝账号'}}"
+            placeholder-class="input-placeholder"
+            value="{{bindValue}}"
+            bindinput="onBindInput"
+            maxlength="{{bindType === 'phone' ? 11 : 50}}"
+          />
+        </view>
+        
+        <text class="bind-tip">
+          {{bindType === 'phone' ? '绑定手机号后可用于找伙伴匹配' : bindType === 'wechat' ? '绑定微信号后可用于找伙伴匹配和好友添加' : '绑定支付宝后可用于提现收益'}}
+        </text>
+        
+        <view class="btn-primary {{!bindValue ? 'btn-disabled' : ''}}" bindtap="confirmBind">
+          确认绑定
+        </view>
+      </view>
+    </view>
+  </view>
+</view>
--- a/miniprogram/pages/settings/settings.wxss
+++ b/miniprogram/pages/settings/settings.wxss
@@ -0,0 +1,64 @@
+/* 设置页样式 */
+.page { min-height: 100vh; background: #000; padding-bottom: 64rpx; }
+
+/* 导航栏 */
+.nav-bar { position: fixed; top: 0; left: 0; right: 0; z-index: 100; background: rgba(0,0,0,0.9); backdrop-filter: blur(40rpx); display: flex; align-items: center; justify-content: space-between; padding: 0 32rpx; height: 88rpx; }
+.nav-back { width: 64rpx; height: 64rpx; background: #1c1c1e; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
+.back-icon { font-size: 40rpx; color: rgba(255,255,255,0.6); font-weight: 300; }
+.nav-title { font-size: 34rpx; font-weight: 600; color: #fff; }
+.nav-placeholder { width: 64rpx; }
+
+.content { padding: 24rpx; }
+
+/* 账号绑定卡片 */
+.bind-card { background: #1c1c1e; border-radius: 32rpx; padding: 32rpx; margin-bottom: 24rpx; border: 2rpx solid rgba(0,206,209,0.2); }
+.card-header { display: flex; align-items: flex-start; gap: 16rpx; margin-bottom: 24rpx; padding-bottom: 24rpx; border-bottom: 2rpx solid rgba(255,255,255,0.05); }
+.card-icon { font-size: 40rpx; }
+.card-title-wrap { flex: 1; }
+.card-title { font-size: 30rpx; font-weight: 600; color: #fff; display: block; }
+.card-desc { font-size: 24rpx; color: rgba(255,255,255,0.5); margin-top: 4rpx; display: block; }
+
+.bind-list { display: flex; flex-direction: column; gap: 24rpx; }
+.bind-item { display: flex; align-items: center; justify-content: space-between; padding: 16rpx 0; }
+.bind-left { display: flex; align-items: center; gap: 20rpx; }
+.bind-icon { width: 72rpx; height: 72rpx; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 32rpx; }
+.bind-icon.phone-icon { background: rgba(0,206,209,0.2); }
+.bind-icon.wechat-icon { background: rgba(158,158,158,0.2); }
+.bind-icon.alipay-icon { background: rgba(158,158,158,0.2); }
+.bind-info { display: flex; flex-direction: column; gap: 4rpx; }
+.bind-label { font-size: 28rpx; color: #fff; font-weight: 500; }
+.bind-value { font-size: 24rpx; color: rgba(255,255,255,0.5); }
+.bind-right { display: flex; align-items: center; }
+.bind-check { color: #00CED1; font-size: 32rpx; }
+.bind-btn { color: #00CED1; font-size: 26rpx; }
+
+/* 提现提示 */
+.tip-banner { background: rgba(255,165,0,0.1); border: 2rpx solid rgba(255,165,0,0.3); border-radius: 20rpx; padding: 20rpx 24rpx; margin-bottom: 24rpx; }
+.tip-text { font-size: 24rpx; color: #FFA500; line-height: 1.5; }
+
+/* 设置组 */
+.settings-group { background: #1c1c1e; border-radius: 32rpx; overflow: hidden; margin-bottom: 24rpx; }
+.settings-item { display: flex; align-items: center; justify-content: space-between; padding: 28rpx 32rpx; border-bottom: 2rpx solid rgba(255,255,255,0.05); }
+.settings-item:last-child { border-bottom: none; }
+.item-left { display: flex; align-items: center; gap: 16rpx; }
+.item-icon { font-size: 36rpx; }
+.item-title { font-size: 28rpx; color: #fff; }
+.item-arrow { font-size: 28rpx; color: rgba(255,255,255,0.3); }
+.item-value { font-size: 26rpx; color: rgba(255,255,255,0.5); }
+
+/* 退出登录按钮 */
+.logout-btn { margin-top: 48rpx; padding: 28rpx; background: rgba(244,67,54,0.1); border: 2rpx solid rgba(244,67,54,0.3); border-radius: 24rpx; text-align: center; font-size: 28rpx; color: #F44336; }
+
+/* 弹窗 */
+.modal-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.7); display: flex; align-items: center; justify-content: center; z-index: 1000; }
+.modal-content { width: 600rpx; background: #1c1c1e; border-radius: 32rpx; overflow: hidden; }
+.modal-header { display: flex; align-items: center; justify-content: space-between; padding: 32rpx; border-bottom: 2rpx solid rgba(255,255,255,0.1); }
+.modal-title { font-size: 32rpx; font-weight: 600; color: #fff; }
+.modal-close { width: 56rpx; height: 56rpx; background: rgba(255,255,255,0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 28rpx; color: rgba(255,255,255,0.6); }
+.modal-body { padding: 32rpx; }
+.input-wrapper { margin-bottom: 24rpx; }
+.form-input { width: 100%; padding: 24rpx; background: rgba(0,0,0,0.3); border: 2rpx solid rgba(255,255,255,0.1); border-radius: 20rpx; font-size: 28rpx; color: #fff; box-sizing: border-box; }
+.input-placeholder { color: rgba(255,255,255,0.3); }
+.bind-tip { font-size: 24rpx; color: rgba(255,255,255,0.5); margin-bottom: 32rpx; display: block; }
+.btn-primary { padding: 24rpx; background: #00CED1; color: #000; font-size: 28rpx; font-weight: 600; text-align: center; border-radius: 24rpx; }
+.btn-primary.btn-disabled { background: rgba(0,206,209,0.3); color: rgba(0,0,0,0.5); }