Update project documentation and enhance user interaction features

- Added a new entry for user interaction habit analysis based on agent transcripts, summarizing key insights into communication styles and preferences. - Updated project indices to reflect the latest developments, including the addition of a wallet balance feature and enhancements to the mini program's user interface for better user experience. - Improved the handling of loading states in the chapters page, ensuring a smoother user experience during data retrieval. - Implemented a gift payment sharing feature, allowing users to share payment requests with friends for collaborative purchases.
2026-03-17 11:44:36 +08:00
parent b971420090
commit 0d12ab1d07
65 changed files with 3836 additions and 180 deletions
--- a/miniprogram/pages/index/index.js
+++ b/miniprogram/pages/index/index.js
@@ -47,8 +47,9 @@ Page({
    superMembers: [],
    superMembersLoading: true,

-    // 最新新增章节
+    // 最新新增章节（完整列表 + 展示列表，用于展开/折叠）
    latestChapters: [],
+    displayLatestChapters: [],
    
    // 篇章数（从 bookData 计算）
    partCount: 0,
@@ -58,7 +59,13 @@ Page({

    // 链接卡若 - 留资弹窗
    showLeadModal: false,
-    leadPhone: ''
+    leadPhone: '',
+
+    // 展开状态（首页精选/最新）
+    featuredExpanded: false,
+    latestExpanded: false,
+    featuredSectionsFull: [], // 展开时用 book/hot 加载的完整列表
+    featuredExpandedLoading: false
  },

  onLoad(options) {
@@ -180,7 +187,25 @@ Page({
        }
      } catch (e) { console.log('[Index] book/recommended 失败:', e) }

-      // 兜底：无 recommended 时从 all-chapters 按更新时间取前3
+      // 兜底：无 recommended 时从 book/hot 取前3
+      if (featured.length === 0) {
+        try {
+          const hotRes = await app.request({ url: '/api/miniprogram/book/hot?limit=10', silent: true })
+          const hotList = (hotRes && hotRes.data) ? hotRes.data : []
+          if (hotList.length > 0) {
+            const tagMap = ['热门', '推荐', '精选']
+            featured = hotList.slice(0, 3).map((s, i) => ({
+              id: s.id || s.section_id,
+              mid: s.mid ?? s.MID ?? 0,
+              title: s.sectionTitle || s.section_title || s.title || s.chapterTitle || '',
+              part: (s.partTitle || s.part_title || '').replace(/[_｜|]/g, ' ').trim(),
+              tag: tagMap[i] || '精选',
+              tagClass: ['tag-hot', 'tag-rec', 'tag-rec'][i] || 'tag-rec'
+            }))
+            this.setData({ featuredSections: featured })
+          }
+        } catch (e) { console.log('[Index] book/hot 兜底失败:', e) }
+      }
      if (featured.length === 0) {
        const res = await app.request({ url: '/api/miniprogram/book/all-chapters', silent: true })
        const chapters = (res && res.data) || (res && res.chapters) || []
@@ -482,6 +507,50 @@ Page({
    wx.switchTab({ url: '/pages/match/match' })
  },

+  // 精选推荐：展开/折叠
+  async toggleFeaturedExpanded() {
+    if (this.data.featuredExpandedLoading) return
+    if (this.data.featuredExpanded) {
+      const collapsed = this.data.featuredSectionsFull.length > 0 ? this.data.featuredSectionsFull.slice(0, 3) : this.data.featuredSections
+      this.setData({ featuredExpanded: false, featuredSections: collapsed })
+      return
+    }
+    if (this.data.featuredSectionsFull.length > 0) {
+      this.setData({ featuredExpanded: true, featuredSections: this.data.featuredSectionsFull })
+      return
+    }
+    this.setData({ featuredExpandedLoading: true })
+    try {
+      const res = await app.request({ url: '/api/miniprogram/book/hot?limit=50', silent: true })
+      const list = (res && res.data) ? res.data : []
+      const tagMap = ['热门', '推荐', '精选']
+      const full = list.map((s, i) => ({
+        id: s.id || s.section_id,
+        mid: s.mid ?? s.MID ?? 0,
+        title: s.sectionTitle || s.section_title || s.title || s.chapterTitle || '',
+        part: (s.partTitle || s.part_title || '').replace(/[_｜|]/g, ' ').trim(),
+        tag: tagMap[i % 3] || '精选',
+        tagClass: ['tag-hot', 'tag-rec', 'tag-rec'][i % 3] || 'tag-rec'
+      }))
+      this.setData({
+        featuredSectionsFull: full,
+        featuredSections: full,
+        featuredExpanded: true,
+        featuredExpandedLoading: false
+      })
+    } catch (e) {
+      console.log('[Index] 加载精选更多失败:', e)
+      this.setData({ featuredExpandedLoading: false })
+    }
+  },
+
+  // 最新新增：展开/折叠（默认 5 条，点击展开剩余）
+  toggleLatestExpanded() {
+    const expanded = !this.data.latestExpanded
+    const display = expanded ? this.data.latestChapters : this.data.latestChapters.slice(0, 5)
+    this.setData({ latestExpanded: expanded, displayLatestChapters: display })
+  },
+
  // 最新新增：用 latest-chapters 接口（后端按 updated_at 取前 N 条），不拉全量，支持万级文章
  async loadLatestChapters() {
    try {
@@ -491,7 +560,7 @@ Page({
      const exclude = c => !pt(c).includes('序言') && !pt(c).includes('尾声') && !pt(c).includes('附录')
      const latest = list
        .filter(exclude)
-        .slice(0, 10)
+        .slice(0, 20)
        .map(c => {
          const d = new Date(c.updatedAt || c.updated_at || Date.now())
          const title = c.section_title || c.sectionTitle || c.title || c.chapterTitle || ''
@@ -504,7 +573,8 @@ Page({
            dateStr: `${d.getMonth() + 1}/${d.getDate()}`
          }
        })
-      this.setData({ latestChapters: latest })
+      const display = this.data.latestExpanded ? latest : latest.slice(0, 5)
+      this.setData({ latestChapters: latest, displayLatestChapters: display })
    } catch (e) { console.log('[Index] 加载最新新增失败:', e) }
  },

--- a/miniprogram/pages/index/index.wxml
+++ b/miniprogram/pages/index/index.wxml
@@ -52,6 +52,19 @@
      <view class="banner-action"><text class="banner-action-text">开始阅读</text><view class="banner-arrow">→</view></view>
    </view>

+    <!-- 阅读进度（设计稿：最新更新→阅读进度→超级个体） -->
+    <view class="progress-card" wx:if="{{isLoggedIn}}" bindtap="goToChapters">
+      <view class="progress-header">
+        <text class="progress-title">阅读进度</text>
+        <text class="progress-count">已读 {{readCount}}/{{totalSections}}</text>
+      </view>
+      <view class="progress-bar-wrapper">
+        <view class="progress-bar-bg">
+          <view class="progress-bar-fill" style="width: {{readCount && totalSections ? (readCount / totalSections * 100) : 0}}%;"></view>
+        </view>
+      </view>
+    </view>
+
    <!-- 超级个体（横向滚动，已去掉「查看全部」） -->
    <view class="section">
      <view class="section-header">
@@ -91,10 +104,14 @@
      </view>
    </view>

-    <!-- 精选推荐（带 tag，已去掉「查看全部」） -->
+    <!-- 精选推荐（带 tag，支持展开更多） -->
    <view class="section">
      <view class="section-header">
        <text class="section-title">精选推荐</text>
+        <view class="section-more" wx:if="{{featuredSections.length > 0}}" bindtap="toggleFeaturedExpanded">
+          <text class="more-text">{{featuredExpandedLoading ? '加载中...' : (featuredExpanded ? '收起' : '展开更多')}}</text>
+          <text class="more-arrow">{{featuredExpanded ? '▲' : '▼'}}</text>
+        </view>
      </view>
      <view class="featured-list">
        <view 
@@ -117,18 +134,24 @@
      </view>
    </view>

-    <!-- 最新新增（时间线样式） -->
+    <!-- 最新新增（时间线样式，支持展开更多） -->
    <view class="section" wx:if="{{latestChapters.length > 0}}">
      <view class="section-header latest-header">
        <text class="section-title">最新新增</text>
-        <view class="daily-badge-wrap">
-          <text class="daily-badge">+{{latestChapters.length}}</text>
+        <view class="section-header-right">
+          <view class="daily-badge-wrap">
+            <text class="daily-badge">+{{latestChapters.length}}</text>
+          </view>
+          <view class="section-more" wx:if="{{latestChapters.length > 5}}" bindtap="toggleLatestExpanded">
+            <text class="more-text">{{latestExpanded ? '收起' : '展开更多'}}</text>
+            <text class="more-arrow">{{latestExpanded ? '▲' : '▼'}}</text>
+          </view>
        </view>
      </view>
      <view class="timeline-wrap">
        <view class="timeline-line"></view>
        <view class="timeline-list">
-          <view class="timeline-item {{index === 0 ? 'timeline-item-first' : ''}}" wx:for="{{latestChapters}}" wx:key="id" bindtap="goToRead" data-id="{{item.id}}" data-mid="{{item.mid}}">
+          <view class="timeline-item {{index === 0 ? 'timeline-item-first' : ''}}" wx:for="{{displayLatestChapters}}" wx:key="id" bindtap="goToRead" data-id="{{item.id}}" data-mid="{{item.mid}}">
            <view class="timeline-dot"></view>
            <view class="timeline-content">
              <view class="timeline-row">
--- a/miniprogram/pages/index/index.wxss
+++ b/miniprogram/pages/index/index.wxss
@@ -688,6 +688,12 @@
  margin-bottom: 32rpx;
 }

+.section-header-right {
+  display: flex;
+  align-items: center;
+  gap: 16rpx;
+}
+
 .daily-badge-wrap {
  display: inline-flex;
  align-items: center;