项目三：创绘空间（AI 内容社区 + 电商）小程序
项目描述：
本项目是一款集 AI 原创作品展示、版权素材交易、社交互动及电商商城于一体的多端小程序。作为前端负责人，使用 Vue 3 + uni-app 架构，实现了从内容流展示到交易结算的全链路功能交付。

技术栈：
Vue 3、uni-app、TypeScript、Pinia、WebSocket、uView UI

核心功能实现与技术亮点：
1. 高并发内容瀑布流与 AI 素材展示
实现方案： 首页采用瀑布流布局展示 AI 原创绘图及版权素材。利用 Intersection Observer 实现图片的懒加载与预加载，有效降低了首屏渲染压力。

技术细节： 针对大量高分辨率图集，实现了图片 CDN 裁剪适配，并增加了“AI 绘画”、“版权素材”等自定义标签系统，方便用户快速检索内容。

2. 复杂商业化商城与结算引擎
实现方案： 独立开发功能完备的购物车与交易系统。

技术细节： * 状态同步： 使用 Pinia 统一管理购物车状态，实现了店铺级全选、跨页面价格实时计算（支持满减优惠逻辑）及库存预警（如“仅剩3件”、“库存不足”等实时状态反馈）。

交互优化： 购物车支持 SKU 快捷修改、商品数量异步增减及优惠券快捷领取逻辑。

3. 实时即时通讯（IM）系统
实现方案： 基于 WebSocket 协议开发了社区即时通讯模块，支持用户、创作者与客服之间的实时互动。

技术细节： 实现了消息的实时推送、未读消息红点计数及会话列表的动态更新。针对移动端键盘弹起遮挡问题，优化了聊天视口的高度计算逻辑。

4. 用户体系与内容发布流程
实现方案： 构建了从发布内容、审核中、到已发布的完整工作流管理界面。

技术细节： * 个人中心： 实现了多维度的数据统计（草稿箱、审核状态追踪）及第三方服务接入（微信、QQ、腾讯文档等跳转）。

发布系统： 利用沉浸式悬浮按钮引导用户发布 AI 作品，简化了上传与标签设置流程。