共享电池租赁 · 移动补能小程序产品系统

社区活动、户外市集、临时展会等场景下，用户手机电量不足却难以就近充电；传统充电宝需自带线缆、归还点分散，押金与计费规则也不够透明。本项目面向「移动电池租赁」业务，以柜机随取随还、按小时计费、同城跨点归还为核心，解决短时补能、费用不透明、订单难追溯等问题。业务背景贴合社区投放与活动租赁两类需求：物业/主办方可申请布点，普通用户通过小程序完成选电、下单、扫码取电与归还，形成完整的共享补能闭环。

首页与租赁：展示移动电池租赁品牌信息、免押可退/按小时计费/柜机取还等卖点，快捷进入电池列表与社区、活动申请入口。电池模块：电池列表筛选、详情查看（型号、押金、时租/日封顶价格）。订单模块：确认租赁（时长滑块与快捷时长、微信/余额模拟支付）、支付成功、扫码/取电码取电、订单列表与详情、归还电池。申请模块：社区投放申请、活动租赁申请。个人中心：钱包、信誉等级与详情、积分兑换、荣誉证书、我的设备、加入我们、设置。消息与客服：消息中心、帮助页、智能客服「景仁」（对接大模型，解答租电/取还/押金/活动等问题，支持本地会话历史）。其他：登录、Tab 导航、骨架屏与弹窗等通用交互组件。

本人负责：需求梳理与信息架构、全部前端页面与交互、uni-app 工程搭建与微信小程序适配、组件封装（卡片/按钮/骨架屏/弹窗）、订单与本地数据层（store.js + mock.js）、租赁计费与订单状态流转、扫码取电与归还流程、智能客服对接与 Prompt 人设设计、主题与动效（pageFx 页面进入动画、theme.scss）。技术栈：uni-app + Vue 2 + SCSS，编译目标为微信小程序；uni.request 调用阿里云百炼兼容 OpenAI 接口；微信能力包括 scanCode、定位（附近网点）、本地存储。架构：多页面 + TabBar + 可复用业务组件 + mixin 动效 + 工具层分离。亮点与难点：① 小程序内 fixed 输入条与 transform 页面动画的兼容处理；② 按小时与日封顶组合的租金计算；③ 订单状态机（待取电/使用中/待归还等）与取电码、模拟开仓联动；④ 大模型客服需配置合法域名、会话截断与 HTML 展示；⑤ 统一蓝色品牌 UI 与骨架屏加载体验。当前支付与柜机为模拟流程，便于演示完整业务链路。