Hooke / manulife-weapp

将图标容器尺寸从 64rpx 增大至 88rpx，并添加渐变背景、圆角和内阴影以增强视觉层次。
同时调整图标尺寸为 48rpx 并添加右侧外边距，优化整体布局与视觉对齐。

- 为搜索栏添加白色背景，避免在深色模式下显示异常
- 将 SchemeA 组件中的行业选择器弹窗提升到外层，避免嵌套弹窗在真机上的层级冲突
- 更新 lessons-learned 文档，记录弹窗嵌套问题的解决方案

新增文档:
- docs/lessons-learned.md - Taro 项目开发经验、最佳实践和常见陷阱总结
  - 组件抽取与复用（"第 3 次出现原则"）
  - NutUI 组件使用陷阱（textarea、IconFont）
  - 静态资源加载问题（SVG 图标）
  - 样式处理策略（TailwindCSS vs Less）
  - 性能优化（shallowRef + markRaw）
  - 代码质量规范（JSDoc、命名规范）
  - 架构设计（统一的列表点击、文件操作）

- docs/changes-summary.md - 文档优化变更说明

优化文档:
- CLAUDE.md
  - 添加快速参考表格，常见问题一目了然
  - 重新组织核心架构章节，结构更清晰
  - 添加样式处理策略和响应式优化章节
  - 添加对经验教训文档的交叉引用

- README.md
  - 添加项目文档索引和核心特性说明
  - 新增常见问题快速参考表格
  - 精简项目结构，移除过时内容
  - 优化开发规范说明

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

- 将 Tab 样式统一为与 plan 页面一致（padding: 24rpx）
- 移除 Tab 的固定高度，改为自适应
- 优化搜索结果计数位置（从滚动区域内移到外部）
- 移除空状态图片，使用纯文字提示
- 调整列表容器布局，移除多余的 padding

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

重构 SearchBar 组件，移除对 NutUI Input 组件的依赖，改用原生 input 元素实现搜索输入框。这提高了组件的渲染性能并减少了包体积。同时，自定义了搜索图标和清除按钮的样式与交互逻辑，以获得更精细的 UI 控制。

- 移除计划书页面搜索栏的白色背景，使其与整体设计一致
- 为资料列表页面搜索栏添加底部边距，改善布局间距
- 优化搜索组件样式：移除边框、设置透明背景、调整圆角大小
- 修复搜索页面逻辑：空关键词时返回空数组，避免显示全部数据

修复搜索页面清空关键词后显示"初始状态"而不是"暂无搜索结果"的问题。移除watch中清空关键词时重置hasSearched的逻辑，添加isInitialState计算属性区分初始状态和空结果状态，确保用户体验连贯性。

同时优化页面布局为固定顶部+滚动列表结构，并添加详细的测试用例验证修复效果。

- 将 SearchBar 组件从原生 input 重构为 NutUI Input 实现，简化样式和逻辑
- 更新 components.d.ts 类型声明，移除未使用的 NutConfigProvider，修正 PlanPopup 导入路径
- 重构搜索页面，使用 NutTabs 实现分类切换，支持长列表测试数据
- 为搜索结果项添加动画效果，优化用户体验

- 新增 hasCategories 状态，支持有/无分类两种模式
- 新增 fetchCategoriesFromBackend 函数，模拟后端分类数据
- 优化 initTabsData 函数，自动选中第一个分类（有分类时）
- 动态显示 Tabs（仅在有分类时显示）
- 无分类时直接显示全部资料列表

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

- 将 favorites 和 plan 页面的 FilterTabs 组件替换为 NutTabs 实现自定义标签栏
- 统一在 knowledge-base、material-list、favorites 和 plan 页面的标签容器中添加 width: 100% 样式
- 为收藏和计划书列表项添加进场动画效果
- 重构数据逻辑，使用 tabsData 统一管理分类数据，支持动态数据分配
- 优化标签切换时的列表重渲染体验，避免内容闪烁

- 移除 FilterTabs 组件，改用 NutUI Tabs 实现自定义标签栏
- 将数据模型重构为基于 ID 的分类，支持动态数据分配
- 优化列表渲染性能，添加切换动画和空状态提示
- 统一使用 view/image 等 uni-app 组件，提升跨端兼容性

通过添加 v-if 和 key 强制重新渲染列表，避免切换标签时 Vue 复用组件导致的显示异常

- 移除 FilterTabs 组件依赖，改用 nut-tabs 实现自定义标签栏
- 新增测试页面 pages/test-tabs 用于验证自定义 Tabs 样式
- 调整全局样式，为 page 选择器添加 CSS 变量定义
- 更新组件类型声明，移除 NutSearchbar，添加 NutConfigProvider
- 在开发环境中注册测试页面路由

- 收藏页面和知识库页面采用顶部筛选固定、列表区域独立滚动的结构
- 提升用户浏览和筛选体验，保持筛选区域可见性
- 更新 README.md 和 CHANGELOG.md 文档以反映页面优化

将多个页面中的重复搜索框代码提取为统一的 SearchBar 组件，提高代码复用性和维护性。该组件支持多种样式变体、清除按钮、边框等配置选项，并保持与原有功能的一致性。

- 重构页面结构，使用 flex 布局实现顶部固定和列表独立滚动
- 增加多个示例资料数据，丰富页面内容
- 优化筛选逻辑，同时支持分类筛选和搜索筛选
- 修复删除操作时从 allList 中删除数据的问题

将资料列表、知识库、收藏和计划书页面的横向筛选标签抽取为通用组件，避免重复的样式和滚动条隐藏逻辑。新增组件示例文件并更新全局组件类型声明。

- 将页面结构调整为顶部固定、列表独立滚动，提升浏览体验
- 扩充 Mock 数据以支持更全面的搜索与筛选测试
- 更新 README 与 CHANGELOG 文档

将文档预览、收藏夹、首页热门素材和产品详情页中的示例PDF和Word文档URL统一替换为测试文件URL，以便进行功能演示和测试

将原本指向错误中文文件名PDF的URL统一替换为正确的英文哈希文件名，确保文档下载和预览功能正常工作

新增功能：
- 创建计划书提交结果页面 (pages/plan-submit-result/)
  - 使用 NavHeader 组件作为页面头部
  - 显示提交成功/失败状态（图标 + 文案）
  - 成功时显示固定提示文案
  - 失败时显示接口返回的错误信息
  - 底部"返回首页"按钮固定在页面底部
  - 通过路由参数传递 success 和 message 参数

修改内容：
- 首页实现计划书提交跳转
  - SchemeA 和 SchemeB 提交后跳转到结果页面
  - 暂时模拟成功状态（待后续接入真实API）
- 注册新页面路由到 app.config.js
- 更新 CHANGELOG 记录变更

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

- 新增 PlanPopup 容器组件，统一头部和底部按钮
- 使用 NutUI Button 组件替换原生 div 按钮
- 重构 SchemeA 和 SchemeB，使用 PlanPopup 容器
- 减少约 60 行重复代码
- 添加详细的 JSDoc 注释

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

- 跳转时传递列表项的 title 作为页面标题参数
- material-list 页面接收 title 参数并动态设置页面标题
- 标题默认值为"资料列表"，保持向后兼容

技术实现：
- 在跳转时传递 categoryId 和 title 两个参数
- 使用响应式变量 pageTitle 动态更新 NavHeader 组件
- 在 useLoad 中优先处理 title 参数

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

- 为 onboarding、family-office、signing 三个页面的 item 添加 categoryId
- 点击 item 时跳转到 material-list 页面并传递分类 ID 参数
- material-list 页面使用 useLoad 接收 categoryId 并预留 API 调用接口
- 保持向后兼容，无 categoryId 时显示所有资料

技术实现：
- 使用 useSectionList composable 的自定义点击处理函数
- 统一的 ID 命名规范：{page}-{module}-{feature}
- 完善的日志输出和错误处理

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

- 新增 useSectionList Composable 封装分组列表通用逻辑
- 重构 onboarding/family-office/signing 三个页面使用 composable
- 减少约 60 行重复代码，提升可维护性
- 应用"第 3 次出现原则"：3 个页面使用相同模式 → 必须提取
- 所有函数包含完整 JSDoc 注释（@description、@param、@returns、@example）

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

- 记录 SectionCard 组件重构优化
- 记录三个页面的代码清理
- 遵循 DRY 原则，提升可维护性

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

- 在 SectionCard 组件内添加默认渐变色处理
- 移除三个页面中的重复渐变色处理代码
- 统一使用浅蓝色渐变 background: linear-gradient(90deg, #EFF6FF 0%, #DBEAFE 100%)
- 保持 API 返回自定义渐变色的兼容性
- 简化页面代码，提升可维护性

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

主要变更：
- 将图标从 IconFont 组件改为 image 标签
- 支持本地 SVG 资源和远程 URL
- 添加默认的"文案"图标
- 优化 icon prop，支持可选传值
- 更新 onboarding 页面使用新组件

技术细节：
- 使用 import 导入本地 SVG 资源
- 通过 computed 属性判断本地/远程图标
- 保持原有背景色和圆角样式不变

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

- 新增 ListItemActions 组件，支持查看、收藏、删除操作
- 修复资料列表页布局问题（图标和文字水平排列）
- 统一首页和资料列表页的资料项样式和交互
- 更新收藏页、知识库页、计划页使用新组件
- 添加完整的组件文档和类型定义

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

- 将 NutUI textarea 替换为原生 textarea 组件
- 原生组件可完全控制 padding、字体等样式
- 手动实现字符计数功能（右下角显示）
- 修复 help-center 图标名称和文案

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

## 修复
- 修复日期文本靠左显示的问题
- 添加 text-right 类，使日期靠右对齐

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

## 更新

- 将 category 从信息行移到标题下方作为 tag 显示
  - 使用蓝色背景 (bg-blue-50) 和蓝色文字 (text-blue-600)
  - 圆角样式，更醒目
- 日期信息单独一行显示
- 优化布局层次，信息更清晰

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

## 主要更新

### 优化
- 重构"我的收藏"页面 (`src/pages/favorites/index.vue`)
  - 使用真实文档图标系统 (getDocumentIcon)，根据文件扩展名自动显示
  - 去掉图标背景容器，图标居中显示并放大到 56rpx
  - 查看和删除按钮参考计划书页面样式重新设计
    - 横向排列（非纵向）
    - 右对齐布局
    - 去掉背景色，使用简洁的图标+文字样式
  - 优化整体布局结构
    - 标题与图标并排显示
    - 信息区域分层更清晰
  - 移除冗余数据字段 (icon/iconColor/iconBgClass)

### 技术细节
- 集成 getDocumentIcon 工具函数
- 统一操作按钮交互体验
- 响应式布局优化

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

## 主要更新

### 新增
- 创建文档图标工具函数 (src/utils/documentIcons.js)
  - 根据文件扩展名自动匹配对应图标 (PDF/Word/Excel/PPT/图片/视频等)
  - 提供 getDocumentIcon() 和 getDocumentLabel() 工具函数
  - 支持判断文件类型 (isPDF/isImage/isVideo)
- 添加文档图标资源 (src/assets/images/icon/doc/)
  - 10 个 SVG 图标文件，覆盖常见文档类型
- 新增文档图标更新说明文档 (docs/DOCUMENT_ICONS_UPDATE.md)
- 移动计划书开发指南到组件目录 (src/components/PlanSchemes/)

### 优化
- 更新首页"本周热门资料"展示 (src/pages/index/index.vue)
  - 使用真实文档图标替换通用图标
  - 添加文件类型标签，位于标题下方
  - Mock 不同类型文件数据 (PDF/Word/Excel)
- 更新资料列表页 (src/pages/material-list/index.vue)
  - 集成文档图标系统
- 更新产品详情页 (src/pages/product-detail/index.vue)
  - 集成文档图标系统

### 技术细节
- 使用 ES6 import 正确导入 SVG 资源
- 解决 Taro 小程序静态资源加载问题
- 统一文档类型识别逻辑

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

添加 PLAN_SCHEME_GUIDE.md 文档，为新增计划书方案（如 SchemeC、SchemeD）提供标准化开发指导。文档包含组件结构、表单字段、样式交互规范、代码模板和检查清单，确保新方案开发的一致性和可维护性。

重构方案A组件布局与样式，使其与方案B保持一致
- 使用相同的容器结构、卡片布局和背景样式
- 将自定义图片替换为IconFont图标组件
- 使用NutUI Radio/Checkbox组件替换自定义选择器
- 统一输入框的边框、圆角和内边距样式
- 移除冗余的图标资源引用，优化代码结构

- 集成 useFileOperation composable 实现统一文件操作
- 添加 PDF 文档查看功能，支持下载和预览
- 更新 mock 数据，添加 fileName 和 downloadUrl 字段
- 实现生成中状态的友好提示
- 添加完整的 JSDoc 注释

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

新增方案B内容组件，包含币种、计划、性别、年龄等字段，并还原设计稿布局与交互。
修改首页，将热卖产品的"计划书"按钮点击事件改为弹出录入界面，实现多方案演示。
扩展组件类型声明，注册新增组件以供使用。

- 将中文目录名改为英文，例如“我的”改为“done/我的”
- 更新对应的Vue组件和CSS文件路径
- 删除旧的目录结构，保持项目文件组织一致性