黄金商城产品系统

线上黄金交易与零售业务日趋线上化，用户对实时金价查询、便捷下单、物流跟踪、平台公告通知等需求持续提升。传统线下购金流程繁琐、信息不透明，而轻量化小程序形态更适合用户随时随地查看行情、完成交易。本项目为黄金交易商城类小程序，面向黄金购买、投资参考用户，提供行情展示、线上购买、订单跟踪、公告通知等一体化服务，因项目商业保密要求，仅展示功能结构与页面实现。

项目为 uni-app 开发的多端兼容黄金交易商城小程序，采用底部标签栏导航，主要功能如下：
1. 底部菜单结构：包含首页、订单、平台公告、个人中心四大核心入口，切换顺畅，操作简洁。
2. 首页展示：展示黄金商品推荐、活动入口、快捷交易入口、实时金价提示，整体布局清晰直观。
3. 商品下单与交易：用户可浏览黄金商品，选择规格、数量，完成下单、提交订单等完整购物流程。
4. 物流详情查询：订单发货后可查看物流轨迹、配送进度、签收状态，全程跟踪商品配送信息。
5. 平台公告栏：展示平台公告、规则说明、活动通知、价格调整等信息，支持公告列表与详情查看。
6. 个人中心（我的页面）：包含订单管理、个人信息、设置、客服、关于我们等常用功能入口，统一管理用户相关操作。
7. 权限与登录校验：实现用户登录状态判断，交易、订单等核心功能需登录后使用，保障账户与交易安全。

1. 采用 uni-app + Vue2 技术栈开发，一套代码编译生成微信小程序端，兼顾开发效率与多端兼容性。
2. 基于 uni-app 自带组件与自定义组件封装，搭建页面结构，实现底部 tabBar、弹窗、列表、表单等通用交互。
4. 接入图表组件实现 金价走势图、K 线图、分时图 展示，对接后端接口实现行情数据实时加载与刷新。
4. 完成商品列表、详情、购物车、下单提交、订单状态管理等完整电商交易流程。
5. 使用 uni.request 统一封装接口请求，实现数据加载、异常捕获、状态提示等逻辑，提升交互体验。
6. 实现物流信息展示、公告列表与详情页开发，数据分页加载，页面渲染流畅。
7. 运用 vuex / 全局状态管理用户信息与登录状态，配合路由守卫实现权限控制。
8. 针对小程序平台做样式适配、包体积优化、加载速度优化，保证在中低端机型上流畅运行。