首页:从横幅到商品列表,保持熟悉的浏览顺序
顶部保留商城品牌与小程序胶囊区域。首页延用手机前端的横幅、功能入口、商品分类与精选商品结构,入口规划包括公告、福利、客服和 AI 生图。
页面以现有前端为设计依据,商品、价格与图片在预览中使用示例数据。正式开发时再连接商城数据和对应服务,不通过界面示意创建真实订单。
商品分类:每页两排,左右滑动查看更多
分类按每页最多 8 个、4 列 2 排规划,类目更多时滑动进入下一页。预览支持触屏滑动、鼠标拖动及页码按钮切换。
点击类目后直接筛选当前页下方商品,并突出显示当前选中类目。“全部”恢复综合商品列表,操作时保持在当前页面。
商品与规格:复用前端的选择和交付结构
商品详情规划包含说明、图片、价格与规格选择。多规格按现有商城的独立售价、库存与购买数量限制设计,卡密和人工交付按商品配置区分。
这一部分属于小程序版本的开发规划。官网预览提供商品卡片的视觉与交互反馈,真实下单、库存、支付和交付需要在后续开发中接入验证。
订单与会员:底部导航连接关联页面
底部设计首页、分类、订单和我的四个主要入口。会员页规划登录、订单记录、余额明细、客服和作品记录,延续现有前端的账户结构。
AI 生图规划延用描述画面、模型、画质、尺寸、张数、费用确认和作品查看的页面流程。当前已验证的 AI 能力属于现有商城,小程序端需要另外完成接口适配。
当前进度:先确认界面,再推进开发接入
当前展示的是按现有前端制作的界面预览。正式小程序代码、登录与业务接口、支付接入以及平台审核均需后续完成。
开发范围、开通条件和授权包含哪些版本应以授权平台约定为准。界面预览不表示小程序已经发布,也不承诺支付方案或审核结果。
内容更新: