- 新增 pages/brochure/index 页面实现原生品牌画册展示功能 - 在首页 index.tsx 中添加 BrochureEntry 入口组件并调整布局位置 - 新增首页画册入口样式文件 BrochureEntry.scss 和组件逻辑 BrochureEntry.tsx - 配置画册页面导航栏标题和样式,设置页面配置文件 index.config.ts - 实现画册页面完整的品牌展示、核心优势、服务承诺、案例方向等功能模块 - 集成 CMS 配置读取,支持动态品牌名称、电话、地址等信息展示 - 添加分享功能、拨打电话、复制地址等交互操作 - 更新文档记录画册功能开发过程和接入方案说明
1.8 KiB
1.8 KiB
2026-04-01 工作记录
- 评估将云展网/易企秀 H5 页面接入微信小程序首页的方案:优先建议使用
web-view承载独立画册页,并在首页增加“电子画册/品牌画册”入口;前提是第三方链接域名可在小程序后台配置为业务域名且满足 HTTPS/备案要求。若第三方域名不可配置,则建议改为把画册内容转成图片或原生页面放入小程序,不建议直接依赖外链跳转。 - 已按方案一落地:新增
/pages/brochure/index作为web-view画册页,首页增加BrochureEntry卡片入口并完成路由配置;npm run build:weapp构建通过。后续上线前需在小程序后台把book.yunzhan365.com配置为业务域名。 - 继续优化画册接入体验:
/pages/brochure/index增加失败兜底界面,支持“重新加载 / 返回首页”,并在首页入口文案中明确“在线翻阅”;再次执行npm run build:weapp构建通过。 - 用户确认无法让
book.yunzhan365.com配置微信业务域名校验文件,因此第三方云展网链接不能作为小程序正式web-view接入方案;后续需改为自有域名中转、自有 H5 承载,或转图片/原生页展示。 - 已按用户要求将
/pages/brochure/index改成原生画册页:包含品牌主视觉、核心优势、服务范围、案例方向、服务流程与咨询 CTA,同时把首页入口文案改为适配原生页;npm run build:weapp再次通过。 - 继续推进画册正式版:
/pages/brochure/index现优先读取站点配置中的品牌名、电话、地址、工作时间,新增主营方案、服务承诺、预约咨询信息与“拨打热线 / 复制地址 / 返回首页”操作;同时把首页BrochureEntry真实挂到 Banner 下方,npm run build:weapp构建通过。