记珠产品系统Vibe Coding

1.立项背景与要解决的产品问题：当前个性化饰品定制市场存在款式同质化严重、用户无法自主参与设计的痛点。传统手链购买模式依赖线下沟通和专业设计师介入，流程繁琐、门槛高，年轻消费者对"独一无二"的个性化需求长期得不到便捷满足。
2.行业场景：本项目面向饰品定制与轻奢配饰行业，以微信小程序为载体，搭建一个集可视化 DIY 设计、社交分享、电商交易于一体的一站式定制平台，覆盖从设计、预览、下单到支付、物流的完整业务闭环。
3.业务背景：借助微信生态的社交裂变能力和便捷支付能力，平台不仅服务于 C 端用户的自购定制场景，还通过作品广场、礼物赠送、邀请裂变等机制拓展社交送礼和拉新获客场景，帮助饰品品牌实现线上销售增长和用户沉淀。

1.DIY 定制设计模块：提供可视化手链编辑器，支持拖拽珠子排序、双指缩放旋转画布、自由搭配配饰与吊坠，实时计算手围尺寸与到手价格，并可生成高清成品效果图用于保存或分享。
2.电商购物模块：包含商城商品浏览、商品详情展示、购物车多商品管理、结算收银台及微信支付完整交易链路，支持优惠券自动匹配与满减计算。
3.订单管理模块：支持订单列表查看、订单详情追踪、物流信息展示、未支付订单继续支付、已支付订单退款申请及售后跟踪。
4.社交互动模块：提供探索广场供用户浏览、收藏他人的设计作品，支持作品转发给好友和分享到朋友圈，促进设计灵感的社交传播。
5.礼物系统模块：支持语音贺卡制作（录音、配文、选封面），以及礼物赠送、礼物接收、发现礼物与礼物挑选等完整的社交送礼流程。
6.裂变拉新模块：通过邀请机制和分享海报实现用户裂变增长，新用户绑定邀请关系后双方可获得积分奖励。
7.积分与营销模块：包含每日签到、积分获取与消费、优惠券中心及新人专享礼发放，提升用户活跃度与留存。
8.个人中心模块：涵盖我的设计管理、我的收藏、个人资料编辑、收货地址增删改查、意见反馈、常见问题及用户协议等基础功能。

负责项目整体架构设计与前端开发，独立完成了全部页面和核心模块的实现，包括首页、DIY 定制编辑器、商城、购物车、订单流程、个人中心等完整业务页面。
独立开发了 DIY 手链定制编辑器，包括 Canvas 绑定渲染引擎、珠子布局算法、手势交互系统、飞入动画系统及实时价格计算等核心逻辑。
搭建了全局登录体系、网络请求封装（含 Token 管理与拦截）、多环境配置切换等基础架构。
完成了礼物系统（语音贺卡制作与赠送）、裂变邀请机制、积分签到、优惠券营销等运营功能的开发。
技术栈与架构：
基于微信小程序原生框架开发，使用 TDesign 小程序组件库作为 UI 基础，dayjs 处理日期时间。
采用模块化架构，将 DIY 编辑器拆分为 BeadManager（数据管理）、BeadRenderer（Canvas 渲染）、InteractionManager（手势交互）、LayoutManager（布局计算）、AnimationManager（动画控制）、GeometryUtils（几何工具）六大独立模块，降低耦合度。
网络层采用统一的请求封装，支持多环境自动识别（开发/体验/正式）、Token 自动刷新、错误统一处理。
实现亮点：
磁性吸附布局算法：珠子严格贴合圆环绳子排列，支持等分角度（uniform）和弦长贴合（tangent）两种分布模式自动切换。
高性能 Canvas 渲染：针对珠子阴影采用分形状绘制策略（圆形珠子用 arc 抗锯齿、不规则配饰用离屏 canvas 剪影），低端机也能稳定帧率。
实时价格与优惠联动：DIY 编辑过程中实时计算总价、手围，自动匹配最优优惠券并展示价格明细弹窗。
技术难点：
Canvas 下双指缩放、单指旋转与拖拽珠子三种手势的冲突识别与流畅切换。
飞入动画采用极坐标插值替代贝塞尔曲线，避免控制点外凸穿过环心导致的视觉异常。
跨页