项目案例

新能源充电 APP

适用于运营城市公共充电站、园区或社区充电桩的企业，给车主提供找桩、扫码充电和缴费的一站式 APP。作品演示了自绘城市地图找桩、分时电价、扫码启动与实时功率监控、按峰谷平结算的充电账单、钱包充值与开票，另附运营后台；充电页、账单与钱包流水的时间和金额相互对应，后台负荷曲线与今日充电量一致。

功能模块

设计与技术要点

• 自绘城市地图与站点联动

  城市路网、江河、地铁线全部用 SVG 绘制，可拖动缩放；站点气泡按空闲程度着色，可切换显示实时电价，底部卡片左右滑动时地图自动定位到对应站点。

• 充电过程实时可视化

  扫码后选择充满自停、按金额或按电量，模拟握手启动；充电中页面的电量环、功率、电压电流和功率曲线逐秒刷新，达到目标自动结束并推送通知。

• 峰谷平分段计费

  24 小时电价柱图标出当前时段，账单按充电跨越的时段逐段计算电费与服务费，支付时自动选用最优优惠券，余额不足时引导充值。

• 原生手感与深色模式

  iOS 大标题导航、推入/返回转场、屏幕左缘右滑返回、可下拉关闭的底部弹层，整套界面提供浅色与深色两套配色。

界面截图

更多手机界面

封面之外的关键内页，均为 390 × 844 手机屏截图，左右滑动查看。