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

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

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

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

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

5. 新增文章数据API
   - /api/db/chapters - 获取完整书籍结构
   - 支持按ID获取单篇文章内容
This commit is contained in:
卡若
2026-01-21 15:49:12 +08:00
parent 1ee25e3dab
commit b60edb3d47
197 changed files with 34430 additions and 7345 deletions

View File

@@ -1,232 +1,139 @@
// pages/index/index.js
/**
* Soul创业实验 - 首页
* 开发: 卡若
* 技术支持: 存客宝
*/
const app = getApp()
Page({
data: {
bookStats: {
chapters: 64,
words: '15万',
readers: '1.5万'
// 系统信息
statusBarHeight: 44,
navBarHeight: 88,
// 用户信息
isLoggedIn: false,
hasFullBook: false,
purchasedCount: 0,
// 书籍数据
totalSections: 62,
bookData: [],
// 推荐章节
featuredSections: [
{ id: '1.1', title: '荷包:电动车出租的被动收入模式', tag: '免费', tagClass: 'tag-free', part: '真实的人' },
{ id: '3.1', title: '3000万流水如何跑出来', tag: '热门', tagClass: 'tag-pink', part: '真实的行业' },
{ id: '8.1', title: '流量杠杆:抖音、Soul、飞书', tag: '推荐', tagClass: 'tag-purple', part: '真实的赚钱' }
],
// 最新章节
latestSection: {
id: '9.14',
title: '大健康私域一个月150万的70后',
part: '真实的赚钱'
},
allChapters: [],
// 内容概览
partsList: [
{ id: 'part-1', number: '一', title: '真实的人', subtitle: '人与人之间的底层逻辑' },
{ id: 'part-2', number: '二', title: '真实的行业', subtitle: '电商、内容、传统行业解析' },
{ id: 'part-3', number: '三', title: '真实的错误', subtitle: '我和别人犯过的错' },
{ id: 'part-4', number: '四', title: '真实的赚钱', subtitle: '底层结构与真实案例' },
{ id: 'part-5', number: '五', title: '真实的社会', subtitle: '未来职业与商业生态' }
],
// 加载状态
loading: true
},
onLoad() {
this.loadAllChapters()
// 获取系统信息
this.setData({
statusBarHeight: app.globalData.statusBarHeight,
navBarHeight: app.globalData.navBarHeight
})
// 初始化数据
this.initData()
},
onShow() {
// 每次显示时刷新数据
this.refreshData()
},
// 加载所有章节
loadAllChapters() {
wx.showLoading({ title: '加载中...', mask: true })
// 先尝试读取本地生成的章节数据
wx.request({
url: `${app.globalData.apiBase}/book/all-chapters`,
method: 'GET',
success: (res) => {
if (res.statusCode === 200 && res.data.chapters) {
this.setData({
allChapters: res.data.chapters,
bookStats: {
chapters: res.data.total || res.data.chapters.length,
words: '15万',
readers: '1.5万'
},
loading: false
})
// 缓存到本地
wx.setStorageSync('allChapters', res.data.chapters)
} else {
this.loadLocalChapters()
}
},
fail: () => {
// 使用本地缓存数据
this.loadLocalChapters()
},
complete: () => {
wx.hideLoading()
}
})
},
// 加载本地章节数据(离线模式)
loadLocalChapters() {
// 尝试从缓存读取
const cached = wx.getStorageSync('allChapters')
if (cached && cached.length > 0) {
this.setData({
allChapters: cached,
bookStats: {
chapters: cached.length,
words: '15万',
readers: '1.5万'
},
loading: false
})
return
// 设置TabBar选中状态
if (typeof this.getTabBar === 'function' && this.getTabBar()) {
this.getTabBar().setData({ selected: 0 })
}
// 更新用户状态
this.updateUserStatus()
},
// 如果没有缓存,使用模拟数据
const mockChapters = [
{ index: 1, id: 'preface', title: '序言为什么我每天早上6点在Soul开播', updateTime: '今天', words: 3200, partTitle: '序言' },
{ index: 2, id: 'ch1-1', title: '1.1 荷包:电动车出租的被动收入模式', updateTime: '今天', words: 4500, partTitle: '第一篇|真实的人' },
{ index: 3, id: 'ch1-2', title: '1.2 老墨:资源整合高手的社交方法', updateTime: '今天', words: 3800, partTitle: '第一篇|真实的人' },
]
// 初始化数据
async initData() {
this.setData({ loading: true })
try {
// 获取书籍数据
await this.loadBookData()
} catch (e) {
console.error('初始化失败:', e)
} finally {
this.setData({ loading: false })
}
},
// 加载书籍数据
async loadBookData() {
try {
const res = await app.request('/api/book/all-chapters')
if (res && res.data) {
this.setData({
bookData: res.data,
totalSections: res.totalSections || 62
})
}
} catch (e) {
console.error('加载书籍数据失败:', e)
}
},
// 更新用户状态
updateUserStatus() {
const { isLoggedIn, hasFullBook, purchasedSections } = app.globalData
this.setData({
allChapters: mockChapters,
bookStats: {
chapters: mockChapters.length,
words: '15万',
readers: '1.5万'
},
loading: false
isLoggedIn,
hasFullBook,
purchasedCount: hasFullBook ? this.data.totalSections : (purchasedSections?.length || 0)
})
},
// 刷新数据
refreshData() {
const bookData = app.globalData.bookData
if (bookData) {
this.setData({
bookStats: {
chapters: bookData.totalChapters || 65,
words: bookData.totalWords || '12万',
readers: bookData.totalReaders || '1.2万'
}
})
}
},
// 立即阅读(跳转到第一章)
readNow() {
if (this.data.allChapters.length > 0) {
const firstChapter = this.data.allChapters[0]
wx.navigateTo({
url: `/pages/read/read?id=${firstChapter.id}`
})
} else {
wx.showToast({
title: '章节加载中...',
icon: 'none'
})
}
},
// 阅读章节
readChapter(e) {
const chapterId = e.currentTarget.dataset.id
wx.navigateTo({
url: `/pages/read/read?id=${chapterId}`
})
},
// 查看全部章节
// 跳转到目录
goToChapters() {
wx.navigateTo({
url: '/pages/chapters/chapters'
})
wx.switchTab({ url: '/pages/chapters/chapters' })
},
// 购买处理
handlePurchase() {
// 检查登录状态
const userInfo = app.getUserInfo()
if (!userInfo) {
// 未登录,先登录
this.showLoginModal()
return
}
// 跳转到购买页面
wx.navigateTo({
url: '/pages/purchase/purchase'
})
// 跳转到阅读页
goToRead(e) {
const id = e.currentTarget.dataset.id
wx.navigateTo({ url: `/pages/read/read?id=${id}` })
},
// 显示登录弹窗
showLoginModal() {
wx.showModal({
title: '需要登录',
content: '购买前需要先登录账号',
confirmText: '立即登录',
success: (res) => {
if (res.confirm) {
this.doLogin()
}
}
})
// 跳转到匹配页
goToMatch() {
wx.switchTab({ url: '/pages/match/match' })
},
// 执行登录
doLogin() {
wx.showLoading({ title: '登录中...', mask: true })
app.wxLogin((success, user) => {
wx.hideLoading()
if (success) {
wx.showToast({
title: '登录成功',
icon: 'success'
})
// 登录成功后自动跳转购买
setTimeout(() => {
this.handlePurchase()
}, 1500)
} else {
wx.showToast({
title: '登录失败',
icon: 'none'
})
}
})
},
// 跳转推广页
goToReferral() {
wx.switchTab({
url: '/pages/my/my?tab=referral'
})
// 跳转到我的页面
goToMy() {
wx.switchTab({ url: '/pages/my/my' })
},
// 下拉刷新
onPullDownRefresh() {
this.loadAllChapters()
setTimeout(() => {
wx.stopPullDownRefresh()
}, 1000)
},
// 分享到微信
onShareAppMessage() {
const userInfo = app.getUserInfo()
const inviteCode = userInfo ? userInfo.inviteCode : ''
return {
title: 'Soul派对·创业实验 - 一场真实的商业探索',
path: `/pages/index/index?invite=${inviteCode}`,
imageUrl: '/assets/images/share-cover.png'
}
},
// 分享到朋友圈
onShareTimeline() {
const userInfo = app.getUserInfo()
const inviteCode = userInfo ? userInfo.inviteCode : ''
return {
title: 'Soul派对·创业实验',
query: `invite=${inviteCode}`,
imageUrl: '/assets/images/share-cover.png'
}
async onPullDownRefresh() {
await this.initData()
this.updateUserStatus()
wx.stopPullDownRefresh()
}
})