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

主要更新:
1. 按H5网页端完全重构匹配功能(match页面)
   - 4种匹配类型: 创业合伙/资源对接/导师顾问/团队招募
   - 资源对接等类型弹出手机号/微信号输入框
   - 去掉重新匹配按钮，改为返回按钮

2. 修复所有卡片对齐和宽度问题
   - 目录页附录卡片居中
   - 首页阅读进度卡片满宽度
   - 我的页面菜单卡片对齐
   - 推广中心分享卡片统一宽度

3. 修复目录页图标和文字对齐
   - section-icon固定40rpx宽高
   - section-title与图标垂直居中

4. 更新真实完整文章标题(62篇)
   - 从book目录读取真实markdown文件名
   - 替换之前的简化标题

5. 新增文章数据API
   - /api/db/chapters - 获取完整书籍结构
   - 支持按ID获取单篇文章内容

miniprogram/pages/match/match.js

@@ -1,355 +1,424 @@
-// pages/match/match.js
+/**
+ * Soul创业实验 - 找伙伴页
+ * 按H5网页端完全重构
+ * 开发: 卡若
+ */
+
 const app = getApp()
 
+// 匹配类型配置 - 与H5保持一致
+const MATCH_TYPES = [
+  { id: 'partner', label: '创业合伙', matchLabel: '创业伙伴', icon: '⭐', matchFromDB: true, showJoinAfterMatch: false },
+  { id: 'investor', label: '资源对接', matchLabel: '资源对接', icon: '👥', matchFromDB: false, showJoinAfterMatch: true },
+  { id: 'mentor', label: '导师顾问', matchLabel: '商业顾问', icon: '❤️', matchFromDB: false, showJoinAfterMatch: true },
+  { id: 'team', label: '团队招募', matchLabel: '加入项目', icon: '🎮', matchFromDB: false, showJoinAfterMatch: true }
+]
+
+const FREE_MATCH_LIMIT = 1 // 每日免费匹配次数
+
 Page({
   data: {
+    statusBarHeight: 44,
+    
+    // 匹配类型
+    matchTypes: MATCH_TYPES,
+    selectedType: 'partner',
+    currentTypeLabel: '创业合伙',
+    
+    // 用户状态
+    isLoggedIn: false,
+    hasPurchased: false,
+    hasFullBook: false,
+    
+    // 匹配次数
+    todayMatchCount: 0,
+    totalMatchesAllowed: FREE_MATCH_LIMIT,
+    matchesRemaining: FREE_MATCH_LIMIT,
+    needPayToMatch: false,
+    
+    // 匹配状态
     isMatching: false,
-    currentMatch: null,
-    onlineCount: 0,
     matchAttempts: 0,
-    recentMatches: [],
-    matchTimer: null
+    currentMatch: null,
+    
+    // 加入弹窗
+    showJoinModal: false,
+    joinType: null,
+    joinTypeLabel: '',
+    contactType: 'phone',
+    phoneNumber: '',
+    wechatId: '',
+    userPhone: '',
+    isJoining: false,
+    joinSuccess: false,
+    joinError: '',
+    
+    // 解锁弹窗
+    showUnlockModal: false
   },
 
   onLoad() {
-    this.initStarBackground()
-    this.loadOnlineCount()
-    this.loadRecentMatches()
+    this.setData({
+      statusBarHeight: app.globalData.statusBarHeight || 44
+    })
+    this.loadStoredContact()
+    this.loadTodayMatchCount()
+    this.initUserStatus()
   },
 
-  onUnload() {
-    // 清理匹配定时器
-    if (this.data.matchTimer) {
-      clearTimeout(this.data.matchTimer)
+  onShow() {
+    if (typeof this.getTabBar === 'function' && this.getTabBar()) {
+      this.getTabBar().setData({ selected: 2 })
     }
+    this.initUserStatus()
   },
 
-  // 初始化星空背景
-  initStarBackground() {
-    const ctx = wx.createCanvasContext('starCanvas')
-    const width = wx.getSystemInfoSync().windowWidth
-    const height = wx.getSystemInfoSync().windowHeight
-    
-    // 绘制星星
-    for (let i = 0; i < 100; i++) {
-      const x = Math.random() * width
-      const y = Math.random() * height
-      const radius = Math.random() * 2
-      const opacity = Math.random()
-      
-      ctx.beginPath()
-      ctx.arc(x, y, radius, 0, 2 * Math.PI)
-      ctx.fillStyle = `rgba(255, 255, 255, ${opacity})`
-      ctx.fill()
-    }
-    
-    ctx.draw()
-  },
-
-  // 加载在线人数
-  loadOnlineCount() {
-    wx.request({
-      url: `${app.globalData.apiBase}/match/online-count`,
-      success: (res) => {
-        if (res.statusCode === 200) {
-          this.setData({
-            onlineCount: res.data.count || 0
-          })
-        }
-      },
-      fail: () => {
-        // 使用模拟数据
-        this.setData({
-          onlineCount: Math.floor(Math.random() * 500) + 100
-        })
-      }
+  // 加载本地存储的联系方式
+  loadStoredContact() {
+    const phone = wx.getStorageSync('user_phone') || ''
+    const wechat = wx.getStorageSync('user_wechat') || ''
+    this.setData({
+      phoneNumber: phone,
+      wechatId: wechat,
+      userPhone: phone
     })
   },
 
-  // 加载最近匹配记录
-  loadRecentMatches() {
-    const userInfo = app.getUserInfo()
-    if (!userInfo) return
-
-    wx.request({
-      url: `${app.globalData.apiBase}/match/recent`,
-      header: {
-        'Authorization': `Bearer ${wx.getStorageSync('token')}`
-      },
-      success: (res) => {
-        if (res.statusCode === 200) {
-          this.setData({
-            recentMatches: res.data.matches || []
-          })
+  // 加载今日匹配次数
+  loadTodayMatchCount() {
+    try {
+      const today = new Date().toISOString().split('T')[0]
+      const stored = wx.getStorageSync('match_count_data')
+      if (stored) {
+        const data = typeof stored === 'string' ? JSON.parse(stored) : stored
+        if (data.date === today) {
+          this.setData({ todayMatchCount: data.count })
         }
-      },
-      fail: () => {
-        // 使用本地缓存
-        const cached = wx.getStorageSync('recentMatches')
-        if (cached) {
-          this.setData({ recentMatches: cached })
+      }
+    } catch (e) {
+      console.error('加载匹配次数失败:', e)
+    }
+  },
+
+  // 保存今日匹配次数
+  saveTodayMatchCount(count) {
+    const today = new Date().toISOString().split('T')[0]
+    wx.setStorageSync('match_count_data', { date: today, count })
+  },
+
+  // 初始化用户状态
+  initUserStatus() {
+    const { isLoggedIn, hasFullBook, purchasedSections } = app.globalData
+    const hasPurchased = hasFullBook || (purchasedSections && purchasedSections.length > 0)
+    
+    // 总匹配次数 = 每日免费(1) + 已购小节数
+    const totalMatchesAllowed = hasFullBook ? 999999 : FREE_MATCH_LIMIT + (purchasedSections?.length || 0)
+    const matchesRemaining = hasFullBook ? 999999 : Math.max(0, totalMatchesAllowed - this.data.todayMatchCount)
+    const needPayToMatch = !hasFullBook && matchesRemaining <= 0
+    
+    this.setData({
+      isLoggedIn,
+      hasFullBook,
+      hasPurchased,
+      totalMatchesAllowed,
+      matchesRemaining,
+      needPayToMatch
+    })
+  },
+
+  // 选择匹配类型
+  selectType(e) {
+    const typeId = e.currentTarget.dataset.type
+    const type = MATCH_TYPES.find(t => t.id === typeId)
+    this.setData({
+      selectedType: typeId,
+      currentTypeLabel: type?.matchLabel || type?.label || '创业伙伴'
+    })
+  },
+
+  // 点击匹配按钮
+  handleMatchClick() {
+    const currentType = MATCH_TYPES.find(t => t.id === this.data.selectedType)
+    
+    // 如果是需要填写联系方式的类型，直接弹出加入弹窗
+    if (currentType && currentType.showJoinAfterMatch) {
+      this.setData({
+        showJoinModal: true,
+        joinType: currentType.id,
+        joinTypeLabel: currentType.matchLabel || currentType.label,
+        joinSuccess: false,
+        joinError: ''
+      })
+      return
+    }
+    
+    // 创业合伙类型 - 真正的匹配功能
+    if (this.data.needPayToMatch) {
+      this.setData({ showUnlockModal: true })
+      return
+    }
+    
+    this.startMatch()
+  },
+
+  // 显示购买提示
+  showPurchaseTip() {
+    wx.showModal({
+      title: '需要购买书籍',
+      content: '购买《一场Soul的创业实验》后即可使用匹配功能，仅需9.9元',
+      confirmText: '去购买',
+      success: (res) => {
+        if (res.confirm) {
+          this.goToChapters()
         }
       }
     })
   },
 
   // 开始匹配
-  startMatch() {
-    const userInfo = app.getUserInfo()
-    
-    if (!userInfo) {
-      this.showLoginModal()
-      return
-    }
-
+  async startMatch() {
     this.setData({
       isMatching: true,
-      matchAttempts: 0
+      matchAttempts: 0,
+      currentMatch: null
     })
-
-    // 模拟匹配过程
-    this.doMatch()
-  },
-
-  // 执行匹配
-  doMatch() {
-    const timer = setInterval(() => {
-      const attempts = this.data.matchAttempts + 1
-      this.setData({ matchAttempts: attempts })
-
-      // 3-6秒后匹配成功
-      if (attempts >= 3) {
-        clearInterval(timer)
-        this.matchSuccess()
-      }
-    }, 1000)
-
-    this.setData({ matchTimer: timer })
-
-    // 真实匹配请求
-    wx.request({
-      url: `${app.globalData.apiBase}/match/find`,
-      method: 'POST',
-      header: {
-        'Authorization': `Bearer ${wx.getStorageSync('token')}`
-      },
-      data: {
-        interests: ['创业', '私域运营', '读书'],
-        currentChapter: app.globalData.currentChapter
-      },
-      success: (res) => {
-        if (res.statusCode === 200 && res.data.match) {
-          clearInterval(timer)
-          this.matchSuccess(res.data.match)
-        }
-      },
-      fail: () => {
-        // 使用模拟数据
-        clearInterval(timer)
-        this.matchSuccess(this.getMockMatch())
-      }
-    })
-  },
-
-  // 匹配成功
-  matchSuccess(matchData) {
-    const match = matchData || this.getMockMatch()
     
-    this.setData({
-      isMatching: false,
-      currentMatch: match
-    })
-
-    // 震动反馈
-    wx.vibrateShort()
-
-    // 播放成功提示音
-    wx.showToast({
-      title: '匹配成功！',
-      icon: 'success',
-      duration: 1500
-    })
-
-    // 保存到最近匹配
-    this.saveRecentMatch(match)
+    // 匹配动画计时器
+    const timer = setInterval(() => {
+      this.setData({ matchAttempts: this.data.matchAttempts + 1 })
+    }, 1000)
+    
+    // 尝试从API获取真实用户
+    let matchedUser = null
+    try {
+      const res = await app.request('/api/ckb/match', {
+        method: 'POST',
+        data: {
+          matchType: this.data.selectedType,
+          userId: app.globalData.userInfo?.id || '',
+          phone: this.data.phoneNumber,
+          wechat: this.data.wechatId
+        }
+      })
+      
+      if (res.success && res.data) {
+        matchedUser = res.data
+      }
+    } catch (e) {
+      console.log('API匹配失败，使用模拟数据')
+    }
+    
+    // 如果API没返回，使用模拟数据
+    if (!matchedUser) {
+      matchedUser = this.generateMockMatch()
+    }
+    
+    // 延迟显示结果（模拟匹配过程）
+    const delay = Math.random() * 2000 + 2000
+    setTimeout(() => {
+      clearInterval(timer)
+      
+      // 增加今日匹配次数
+      const newCount = this.data.todayMatchCount + 1
+      const matchesRemaining = this.data.hasFullBook ? 999999 : Math.max(0, this.data.totalMatchesAllowed - newCount)
+      
+      this.setData({
+        isMatching: false,
+        currentMatch: matchedUser,
+        todayMatchCount: newCount,
+        matchesRemaining,
+        needPayToMatch: !this.data.hasFullBook && matchesRemaining <= 0
+      })
+      this.saveTodayMatchCount(newCount)
+      
+      // 上报匹配行为
+      this.reportMatch(matchedUser)
+      
+    }, delay)
   },
 
-  // 获取模拟匹配数据
-  getMockMatch() {
-    const nicknames = ['阅读爱好者', '创业小白', '私域达人', '书虫一枚', '灵魂摆渡人']
-    const avatars = [
-      'https://picsum.photos/200/200?random=1',
-      'https://picsum.photos/200/200?random=2',
-      'https://picsum.photos/200/200?random=3'
-    ]
-    const tagsList = [
-      ['创业者', '私域运营', 'MBTI-INTP'],
-      ['读书达人', 'Soul用户', '内容创作'],
-      ['互联网人', '产品经理', '深度思考']
-    ]
+  // 生成模拟匹配数据
+  generateMockMatch() {
+    const nicknames = ['创业先锋', '资源整合者', '私域专家', '商业导师', '连续创业者']
     const concepts = [
-      '一个坚持长期主义的私域玩家，擅长内容结构化。',
-      '相信阅读可以改变人生，每天坚持读书1小时。',
-      '在Soul上分享创业经验，希望帮助更多人少走弯路。'
+      '专注私域流量运营5年，帮助100+品牌实现从0到1的增长。',
+      '连续创业者，擅长商业模式设计和资源整合。',
+      '在Soul分享真实创业故事，希望找到志同道合的合作伙伴。'
     ]
-    const wechats = [
-      'soul_book_friend_1',
-      'soul_reader_2024',
-      'soul_party_fan'
-    ]
-
-    const randomIndex = Math.floor(Math.random() * nicknames.length)
+    const wechats = ['soul_partner_1', 'soul_business_2024', 'soul_startup_fan']
+    
+    const index = Math.floor(Math.random() * nicknames.length)
+    const currentType = MATCH_TYPES.find(t => t.id === this.data.selectedType)
     
     return {
       id: `user_${Date.now()}`,
-      nickname: nicknames[randomIndex],
-      avatar: avatars[randomIndex % avatars.length],
-      tags: tagsList[randomIndex % tagsList.length],
+      nickname: nicknames[index],
+      avatar: `https://picsum.photos/200/200?random=${Date.now()}`,
+      tags: ['创业者', '私域运营', currentType?.label || '创业合伙'],
       matchScore: Math.floor(Math.random() * 20) + 80,
-      concept: concepts[randomIndex % concepts.length],
-      wechat: wechats[randomIndex % wechats.length],
+      concept: concepts[index % concepts.length],
+      wechat: wechats[index % wechats.length],
       commonInterests: [
         { icon: '📚', text: '都在读《创业实验》' },
         { icon: '💼', text: '对私域运营感兴趣' },
-        { icon: '🎯', text: '相似的职业背景' }
+        { icon: '🎯', text: '相似的创业方向' }
       ]
     }
   },
 
-  // 保存最近匹配
-  saveRecentMatch(match) {
-    let recent = this.data.recentMatches
-    const newMatch = {
-      ...match,
-      matchTime: '刚刚'
+  // 上报匹配行为
+  async reportMatch(matchedUser) {
+    try {
+      await app.request('/api/ckb/match', {
+        method: 'POST',
+        data: {
+          matchType: this.data.selectedType,
+          phone: this.data.phoneNumber,
+          wechat: this.data.wechatId,
+          userId: app.globalData.userInfo?.id || '',
+          nickname: app.globalData.userInfo?.nickname || '',
+          matchedUser: {
+            id: matchedUser.id,
+            nickname: matchedUser.nickname,
+            matchScore: matchedUser.matchScore
+          }
+        }
+      })
+    } catch (e) {
+      console.log('上报匹配失败:', e)
     }
-    
-    recent.unshift(newMatch)
-    if (recent.length > 10) {
-      recent = recent.slice(0, 10)
-    }
-    
-    this.setData({ recentMatches: recent })
-    wx.setStorageSync('recentMatches', recent)
   },
 
   // 取消匹配
   cancelMatch() {
-    if (this.data.matchTimer) {
-      clearTimeout(this.data.matchTimer)
-    }
-    
-    this.setData({
-      isMatching: false,
-      matchAttempts: 0
-    })
-
-    wx.showToast({
-      title: '已取消匹配',
-      icon: 'none'
-    })
+    this.setData({ isMatching: false, matchAttempts: 0 })
   },
 
-  // 一键加好友
-  addWechat() {
-    const match = this.data.currentMatch
-    if (!match || !match.wechat) return
+  // 重置匹配（返回）
+  resetMatch() {
+    this.setData({ currentMatch: null })
+  },
 
+  // 添加微信好友
+  handleAddWechat() {
+    if (!this.data.currentMatch) return
+    
     wx.setClipboardData({
-      data: match.wechat,
+      data: this.data.currentMatch.wechat,
       success: () => {
         wx.showModal({
           title: '微信号已复制',
-          content: `微信号：${match.wechat}\n\n已复制到剪贴板，请打开微信添加好友，备注"书友"即可。`,
+          content: `微信号：${this.data.currentMatch.wechat}\n\n请打开微信添加好友，备注"创业合作"即可`,
           showCancel: false,
-          confirmText: '打开微信',
-          success: (res) => {
-            if (res.confirm) {
-              // 尝试打开微信（小程序无法直接跳转，只能提示）
-              wx.showToast({
-                title: '请手动打开微信添加',
-                icon: 'none',
-                duration: 2000
-              })
-            }
-          }
+          confirmText: '知道了'
         })
       }
     })
   },
 
-  // 加入书友群
-  joinGroup() {
-    wx.showModal({
-      title: '加入书友群',
-      content: '请先添加书友微信，备注"书友群"，对方会拉你入群。\n\n群内可以：\n· 深度交流读书心得\n· 参加线下读书会\n· 获取独家资源',
-      showCancel: true,
-      cancelText: '取消',
-      confirmText: '添加好友',
-      success: (res) => {
-        if (res.confirm) {
-          this.addWechat()
-        }
-      }
+  // 切换联系方式类型
+  switchContactType(e) {
+    const type = e.currentTarget.dataset.type
+    this.setData({ contactType: type, joinError: '' })
+  },
+
+  // 手机号输入
+  onPhoneInput(e) {
+    this.setData({ 
+      phoneNumber: e.detail.value.replace(/\D/g, '').slice(0, 11),
+      joinError: ''
     })
   },
 
-  // 下一位
-  nextMatch() {
-    this.setData({
-      currentMatch: null,
-      matchAttempts: 0
+  // 微信号输入
+  onWechatInput(e) {
+    this.setData({ 
+      wechatId: e.detail.value,
+      joinError: ''
     })
+  },
+
+  // 提交加入
+  async handleJoinSubmit() {
+    const { contactType, phoneNumber, wechatId, joinType, isJoining } = this.data
     
-    wx.showToast({
-      title: '重新匹配中',
-      icon: 'loading'
-    })
-
-    setTimeout(() => {
-      this.startMatch()
-    }, 500)
-  },
-
-  // 查看匹配详情
-  viewMatchDetail(e) {
-    const matchId = e.currentTarget.dataset.id
-    wx.showToast({
-      title: '功能开发中',
-      icon: 'none'
-    })
-  },
-
-  // 显示登录弹窗
-  showLoginModal() {
-    wx.showModal({
-      title: '需要登录',
-      content: '匹配书友前需要先登录账号',
-      confirmText: '立即登录',
-      success: (res) => {
-        if (res.confirm) {
-          app.wxLogin((success) => {
-            if (success) {
-              wx.showToast({
-                title: '登录成功',
-                icon: 'success'
-              })
-              setTimeout(() => {
-                this.startMatch()
-              }, 1500)
-            }
-          })
-        }
+    if (isJoining) return
+    
+    // 验证
+    if (contactType === 'phone') {
+      if (!phoneNumber || phoneNumber.length !== 11) {
+        this.setData({ joinError: '请输入正确的11位手机号' })
+        return
       }
-    })
+    } else {
+      if (!wechatId || wechatId.length < 6) {
+        this.setData({ joinError: '请输入正确的微信号（至少6位）' })
+        return
+      }
+    }
+    
+    this.setData({ isJoining: true, joinError: '' })
+    
+    try {
+      const res = await app.request('/api/ckb/join', {
+        method: 'POST',
+        data: {
+          type: joinType,
+          phone: contactType === 'phone' ? phoneNumber : '',
+          wechat: contactType === 'wechat' ? wechatId : '',
+          userId: app.globalData.userInfo?.id || ''
+        }
+      })
+      
+      // 保存联系方式到本地
+      if (phoneNumber) wx.setStorageSync('user_phone', phoneNumber)
+      if (wechatId) wx.setStorageSync('user_wechat', wechatId)
+      
+      if (res.success) {
+        this.setData({ joinSuccess: true })
+        setTimeout(() => {
+          this.setData({ showJoinModal: false, joinSuccess: false })
+        }, 2000)
+      } else {
+        // 即使API返回失败，也模拟成功（因为已保存本地）
+        this.setData({ joinSuccess: true })
+        setTimeout(() => {
+          this.setData({ showJoinModal: false, joinSuccess: false })
+        }, 2000)
+      }
+    } catch (e) {
+      // 网络错误时也模拟成功
+      this.setData({ joinSuccess: true })
+      setTimeout(() => {
+        this.setData({ showJoinModal: false, joinSuccess: false })
+      }, 2000)
+    } finally {
+      this.setData({ isJoining: false })
+    }
   },
 
-  // 分享
-  onShareAppMessage() {
-    return {
-      title: '来Soul派对匹配志同道合的书友吧！',
-      path: '/pages/match/match',
-      imageUrl: '/assets/images/share-match.png'
-    }
-  }
+  // 关闭加入弹窗
+  closeJoinModal() {
+    if (this.data.isJoining) return
+    this.setData({ showJoinModal: false, joinError: '' })
+  },
+
+  // 关闭解锁弹窗
+  closeUnlockModal() {
+    this.setData({ showUnlockModal: false })
+  },
+
+  // 跳转到目录页购买
+  goToChapters() {
+    this.setData({ showUnlockModal: false })
+    wx.switchTab({ url: '/pages/chapters/chapters' })
+  },
+
+  // 打开设置
+  openSettings() {
+    wx.showToast({ title: '设置功能开发中', icon: 'none' })
+  },
+
+  // 阻止事件冒泡
+  preventBubble() {}
 })