重构小程序图标组件，替换传统 emoji 为 SVG 图标，提升视觉一致性和可维护性。更新多个页面以使用新图标组件，优化用户界面体验。同时，调整了数据加载逻辑，确保更高效的状态管理和用户交互。

miniprogram/pages/index/index.js

@@ -128,46 +128,35 @@ Page({
   initData() {
     this.setData({ loading: false })
     this.loadBookData()
-    this.loadFeaturedFromServer()
+    this.loadFeaturedAndLatest()
     this.loadSuperMembers()
-    this.loadLatestChapters()
   },
 
   async loadSuperMembers() {
     this.setData({ superMembersLoading: true })
     try {
-      // 优先加载 VIP 会员（购买 1980 fullbook/vip 订单的用户）
+      // 并行请求 VIP 会员和普通用户，合并后取前 4 个（VIP 优先）
+      const [vipRes, usersRes] = await Promise.all([
+        app.request({ url: '/api/miniprogram/vip/members', silent: true }).catch(() => null),
+        app.request({ url: '/api/miniprogram/users?limit=20', silent: true }).catch(() => null)
+      ])
       let members = []
-      try {
-        const res = await app.request({ url: '/api/miniprogram/vip/members', silent: true })
-        if (res && res.success && res.data) {
-          // 不再过滤无头像用户，无头像时用首字母展示
-          members = (Array.isArray(res.data) ? res.data : []).slice(0, 4).map(u => ({
-            id: u.id,
-            name: u.nickname || u.vipName || u.vip_name || '会员', // 超级个体：用户资料优先，随「我的」修改实时生效
-            avatar: u.avatar || '',
-            isVip: true
-          }))
-          if (members.length > 0) {
-            console.log('[Index] 超级个体加载成功:', members.length, '人')
-          }
-        }
-      } catch (e) {
-        console.log('[Index] vip/members 请求失败:', e)
+      if (vipRes && vipRes.success && Array.isArray(vipRes.data) && vipRes.data.length > 0) {
+        members = vipRes.data.slice(0, 4).map(u => ({
+          id: u.id,
+          name: u.nickname || u.vipName || u.vip_name || '会员',
+          avatar: u.avatar || '',
+          isVip: true
+        }))
+        if (members.length > 0) console.log('[Index] 超级个体加载成功:', members.length, '人')
       }
-      // 不足 4 个则用有头像的普通用户补充
-      if (members.length < 4) {
-        try {
-          const dbRes = await app.request({ url: '/api/miniprogram/users?limit=20', silent: true })
-          if (dbRes && dbRes.success && dbRes.data) {
-            const existIds = new Set(members.map(m => m.id))
-            const extra = (Array.isArray(dbRes.data) ? dbRes.data : [])
-              .filter(u => u.avatar && u.nickname && !existIds.has(u.id))
-              .slice(0, 4 - members.length)
-              .map(u => ({ id: u.id, name: u.nickname, avatar: u.avatar, isVip: u.is_vip === 1 }))
-            members = members.concat(extra)
-          }
-        } catch (e) {}
+      if (members.length < 4 && usersRes && usersRes.success && Array.isArray(usersRes.data)) {
+        const existIds = new Set(members.map(m => m.id))
+        const extra = usersRes.data
+          .filter(u => u.avatar && u.nickname && !existIds.has(u.id))
+          .slice(0, 4 - members.length)
+          .map(u => ({ id: u.id, name: u.nickname, avatar: u.avatar, isVip: u.is_vip === 1 }))
+        members = members.concat(extra)
       }
       this.setData({ superMembers: members, superMembersLoading: false })
     } catch (e) {
@@ -176,109 +165,69 @@ Page({
     }
   },
 
-  // 从服务端获取精选推荐、最新更新（stitch_soul：book/recommended、book/latest-chapters）
-  async loadFeaturedFromServer() {
+  // 精选推荐 + 最新更新 + 最新列表：一次请求 recommended + latest-chapters，避免重复
+  async loadFeaturedAndLatest() {
     try {
-      // 1. 精选推荐：优先用 book/recommended（按阅读量+算法，带 热门/推荐/精选 标签）
-      let featured = []
-      try {
-        const recRes = await app.request({ url: '/api/miniprogram/book/recommended', silent: true })
-        if (recRes && recRes.success && Array.isArray(recRes.data) && recRes.data.length > 0) {
-          featured = recRes.data.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: s.tag || ['热门', '推荐', '精选'][i] || '精选',
-            tagClass: ['tag-hot', 'tag-rec', 'tag-rec'][i] || 'tag-rec'
-          }))
-          this.setData({ featuredSections: featured })
-        }
-      } catch (e) { console.log('[Index] book/recommended 失败:', e) }
+      const excludeFixed = (c) => {
+        const pt = (c.part_title || c.partTitle || '').toLowerCase()
+        return !pt.includes('序言') && !pt.includes('尾声') && !pt.includes('附录')
+      }
+      const toSection = (s, i, tagMap = ['热门', '推荐', '精选']) => ({
+        id: s.id || s.section_id,
+        mid: s.mid ?? s.MID ?? 0,
+        title: s.section_title || s.sectionTitle || s.title || s.chapterTitle || '',
+        part: (s.part_title || s.partTitle || '').replace(/[_｜|]/g, ' ').trim(),
+        tag: s.tag || tagMap[i] || '精选',
+        tagClass: ['tag-hot', 'tag-rec', 'tag-rec'][i] || 'tag-rec'
+      })
 
-      // 兜底：无 recommended 时从 book/hot 取前3
+      const [recRes, latestRes] = await Promise.all([
+        app.request({ url: '/api/miniprogram/book/recommended', silent: true }).catch(() => null),
+        app.request({ url: '/api/miniprogram/book/latest-chapters', silent: true }).catch(() => null)
+      ])
+
+      // 1. 精选推荐（recommended → hot 兜底）
+      let featured = []
+      if (recRes && recRes.success && Array.isArray(recRes.data) && recRes.data.length > 0) {
+        featured = recRes.data.map((s, i) => toSection(s, i))
+      }
       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 })
-          }
+          if (hotList.length > 0) featured = hotList.slice(0, 3).map((s, i) => toSection(s, i))
         } 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) || []
-        const valid = chapters.filter(c => {
-          const pt = (c.part_title || c.partTitle || '').toLowerCase()
-          return !pt.includes('序言') && !pt.includes('尾声') && !pt.includes('附录')
-        })
-        if (valid.length > 0) {
-          const tagMap = ['热门', '推荐', '精选']
-          featured = valid
-            .sort((a, b) => new Date(b.updated_at || b.updatedAt || 0) - new Date(a.updated_at || a.updatedAt || 0))
-            .slice(0, 3)
-            .map((s, i) => ({
-              id: s.id,
-              mid: s.mid ?? s.MID ?? 0,
-              title: s.section_title || s.sectionTitle || s.title || s.chapterTitle || '',
-              part: (s.part_title || s.partTitle || '').replace(/[_｜|]/g, ' ').trim(),
-              tag: tagMap[i] || '精选',
-              tagClass: ['tag-hot', 'tag-rec', 'tag-rec'][i] || 'tag-rec'
-            }))
-          this.setData({ featuredSections: featured })
-        }
-      }
+      if (featured.length > 0) this.setData({ featuredSections: featured })
 
-      // 2. 最新更新：用 book/latest-chapters 取第1条（排除「序言」「尾声」「附录」）
-      try {
-        const latestRes = await app.request({ url: '/api/miniprogram/book/latest-chapters', silent: true })
-        const rawList = (latestRes && latestRes.data) ? latestRes.data : []
-        const latestList = rawList.filter(l => {
-          const pt = (l.part_title || l.partTitle || '').toLowerCase()
-          return !pt.includes('序言') && !pt.includes('尾声') && !pt.includes('附录')
+      // 2. 最新更新 + 最新列表（共用 latest-chapters 数据）
+      const rawList = (latestRes && latestRes.data) ? latestRes.data : []
+      const latestList = rawList.filter(excludeFixed)
+      if (latestList.length > 0) {
+        const l = latestList[0]
+        this.setData({
+          latestSection: {
+            id: l.id,
+            mid: l.mid ?? l.MID ?? 0,
+            title: l.section_title || l.sectionTitle || l.title || l.chapterTitle || '',
+            part: l.part_title || l.partTitle || ''
+          }
         })
-        if (latestList.length > 0) {
-          const l = latestList[0]
-          this.setData({
-            latestSection: {
-              id: l.id,
-              mid: l.mid ?? l.MID ?? 0,
-              title: l.section_title || l.sectionTitle || l.title || l.chapterTitle || '',
-              part: l.part_title || l.partTitle || ''
-            }
-          })
-        }
-      } catch (e) {
-        // 兜底：从 all-chapters 取
-        const res = await app.request({ url: '/api/miniprogram/book/all-chapters', silent: true })
-        const chapters = (res && res.data) || (res && res.chapters) || []
-        const valid = chapters.filter(c => {
-          const pt = (c.part_title || c.partTitle || '').toLowerCase()
-          return !pt.includes('序言') && !pt.includes('尾声') && !pt.includes('附录')
-        })
-        if (valid.length > 0) {
-          valid.sort((a, b) => new Date(b.updated_at || b.updatedAt || 0) - new Date(a.updated_at || a.updatedAt || 0))
-          const latest = valid[0]
-          this.setData({
-            latestSection: {
-              id: latest.id,
-              mid: latest.mid ?? latest.MID ?? 0,
-              title: latest.section_title || latest.sectionTitle || latest.title || latest.chapterTitle || '',
-              part: latest.part_title || latest.partTitle || ''
-            }
-          })
-        }
       }
+      const latestChapters = latestList.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 || ''
+        return {
+          id: c.id,
+          mid: c.mid ?? c.MID ?? 0,
+          title,
+          desc: '',
+          price: c.price ?? 1,
+          dateStr: `${d.getMonth() + 1}/${d.getDate()}`
+        }
+      })
+      const display = this.data.latestExpanded ? latestChapters : latestChapters.slice(0, 5)
+      this.setData({ latestChapters, displayLatestChapters: display })
     } catch (e) {
       console.log('[Index] 从服务端加载推荐失败:', e)
     }
@@ -286,18 +235,18 @@ Page({
 
   async loadBookData() {
     try {
-      const res = await app.request({ url: '/api/miniprogram/book/all-chapters', silent: true })
-      if (res && (res.data || res.chapters)) {
-        const chapters = res.data || res.chapters || []
-        const partIds = new Set(chapters.map(c => c.partId || c.part_id || '').filter(Boolean))
+      const res = await app.request({ url: '/api/miniprogram/book/parts', silent: true })
+      if (res?.success) {
+        const total = res.totalSections ?? 0
+        const parts = res.parts || []
+        app.globalData.totalSections = total || 62
         this.setData({
-          bookData: chapters,
-          totalSections: res.total || chapters.length || 62,
-          partCount: partIds.size || 5
+          totalSections: app.globalData.totalSections,
+          partCount: parts.length || 5
         })
       }
     } catch (e) {
-      console.error('加载书籍数据失败:', e)
+      this.setData({ totalSections: app.globalData.totalSections || 62, partCount: 5 })
     }
   },
 
@@ -328,7 +277,7 @@ Page({
         })
         return
       }
-      const res = await app.request({ url: '/api/miniprogram/config', silent: true })
+      const res = await app.getConfig()
       const features = (res && res.features) || {}
       const mp = (res && res.mpConfig) || {}
       const searchEnabled = features.searchEnabled !== false
@@ -349,11 +298,11 @@ Page({
     wx.navigateTo({ url: '/pages/search/search' })
   },
 
-  // 跳转到阅读页（优先传 mid，与分享逻辑一致）
+  // 跳转到阅读页（传 mid，与分享一致；无 mid 时传 id）
   goToRead(e) {
     const id = e.currentTarget.dataset.id
+    const mid = e.currentTarget.dataset.mid
     trackClick('home', 'card_click', id || '章节')
-    const mid = e.currentTarget.dataset.mid || app.getSectionMid(id)
     const q = mid ? `mid=${mid}` : `id=${id}`
     wx.navigateTo({ url: `/pages/read/read?${q}` })
   },
@@ -588,33 +537,6 @@ Page({
     this.setData({ latestExpanded: expanded, displayLatestChapters: display })
   },
 
-  // 最新新增：用 latest-chapters 接口（后端按 updated_at 取前 N 条），不拉全量，支持万级文章
-  async loadLatestChapters() {
-    try {
-      const res = await app.request({ url: '/api/miniprogram/book/latest-chapters', silent: true })
-      const list = (res && res.data) ? res.data : []
-      const pt = (c) => (c.partTitle || c.part_title || '').toLowerCase()
-      const exclude = c => !pt(c).includes('序言') && !pt(c).includes('尾声') && !pt(c).includes('附录')
-      const latest = list
-        .filter(exclude)
-        .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 || ''
-          return {
-            id: c.id,
-            mid: c.mid ?? c.MID ?? 0,
-            title,
-            desc: '', // latest-chapters 不返回 content，避免大表全量加载
-            price: c.price ?? 1,
-            dateStr: `${d.getMonth() + 1}/${d.getDate()}`
-          }
-        })
-      const display = this.data.latestExpanded ? latest : latest.slice(0, 5)
-      this.setData({ latestChapters: latest, displayLatestChapters: display })
-    } catch (e) { console.log('[Index] 加载最新新增失败:', e) }
-  },
-
   goToMemberDetail(e) {
     const id = e.currentTarget.dataset.id
     trackClick('home', 'card_click', '超级个体_' + (id || ''))
@@ -630,9 +552,8 @@ Page({
   async onPullDownRefresh() {
     await Promise.all([
       this.loadBookData(),
-      this.loadFeaturedFromServer(),
-      this.loadSuperMembers(),
-      this.loadLatestChapters()
+      this.loadFeaturedAndLatest(),
+      this.loadSuperMembers()
     ])
     this.updateUserStatus()
     wx.stopPullDownRefresh()

miniprogram/pages/index/index.wxml

@@ -27,7 +27,7 @@
     <!-- 搜索栏（根据配置显示） -->
     <view class="search-bar" wx:if="{{searchEnabled}}" bindtap="goToSearch">
       <view class="search-icon-wrap">
-        <text class="search-icon-text">🔍</text>
+        <icon name="search" size="40" color="#8e8e93" customClass="search-icon-text"></icon>
       </view>
       <text class="search-placeholder">搜索章节标题或内容...</text>
     </view>