feat(mobile): 新增解忧商行移动端首页、详情与个人中心
This commit is contained in:
+25
-6
@@ -89,9 +89,22 @@
|
||||
`AppRouter` 已改为 `React.lazy + Suspense`:
|
||||
|
||||
- 首页商品列表、用户登录、后台登录、后台改密、后台仪表盘、后台 Shell 分别按路由加载。
|
||||
- 移动端 Layout、首页、详情、个人中心独立分包。
|
||||
- 后台代码不会在用户首页首屏直接执行。
|
||||
- 已移除会提前触发后台模块加载的顶层 `import()`。
|
||||
|
||||
### 1.8 移动端 `/m` 基础切片
|
||||
|
||||
已引入 `antd-mobile` + `antd-mobile-icons`:
|
||||
|
||||
- `MobileLayout`:品牌顶栏、底部 TabBar(首页 / 订单 / 消息 / 我的)、详情页自动隐藏 TabBar。
|
||||
- `MobileHomePage`:深绿品牌首屏、搜索、快捷筛选、PullToRefresh、商品卡列表、空/错误状态。
|
||||
- `MobileListingDetailPage`:商品图、价格/押金/哈夫币、账号说明、资产摘要、在线时间、固定底部操作栏。
|
||||
- `MobileProfilePage`:登录状态、实名状态、订单/消息入口、退出登录。
|
||||
- `/m/orders`、`/m/messages` 先用统一占位页,下一批迁移真实业务。
|
||||
- 移动端 CSS 变量已接入解忧商行品牌色,不使用 Vant/旧站视觉。
|
||||
|
||||
|
||||
---
|
||||
|
||||
## 2. 验证结果
|
||||
@@ -126,6 +139,10 @@ listings = ok,返回 1 件联调商品
|
||||
```text
|
||||
/console-jy8k3m/login HTTP 200
|
||||
/favicon.svg HTTP 200
|
||||
/m HTTP 200
|
||||
/m/listings/1 HTTP 200
|
||||
/m/login HTTP 200
|
||||
/api/listings/1 code=ok,返回联调商品详情
|
||||
```
|
||||
|
||||
---
|
||||
@@ -149,9 +166,11 @@ listings = ok,返回 1 件联调商品
|
||||
当前生产构建:
|
||||
|
||||
```text
|
||||
dist/assets/index-*.js 884.51 kB │ gzip 288.64 kB
|
||||
dist/assets/AdminLayout-*.js 36.74 kB │ gzip 12.98 kB
|
||||
dist/assets/AdminDashboardPage-*.js 179.67 kB │ gzip 58.44 kB
|
||||
dist/assets/index-*.js 886.81 kB │ gzip 289.33 kB
|
||||
dist/assets/AdminLayout-*.js 36.75 kB │ gzip 12.98 kB
|
||||
dist/assets/AdminDashboardPage-*.js 179.71 kB │ gzip 58.46 kB
|
||||
dist/assets/MobileHomePage-*.js 36.96 kB │ gzip 13.37 kB
|
||||
dist/assets/MobileListingDetailPage-*.js 27.31 kB │ gzip 10.70 kB
|
||||
```
|
||||
|
||||
**问题:** 首屏主包仍偏大,超过 Phase 1 目标。
|
||||
@@ -162,19 +181,19 @@ dist/assets/AdminDashboardPage-*.js 179.67 kB │ gzip 58.44 kB
|
||||
|
||||
## 5. 已知限制
|
||||
|
||||
1. 移动端 `/m` 尚未开始迁移。
|
||||
1. 移动端订单与消息页仍是占位,下单、客服会话尚未接入。
|
||||
2. 后台 43 个页面目前只有仪表盘是真实页面,其余为统一占位。
|
||||
3. 分销后台尚未做品牌轻改。
|
||||
4. 后台菜单权限码基于旧项目推断,后续需与后端权限表逐一核对。
|
||||
5. SVG 中文尚未转曲。
|
||||
6. 首屏包体仍偏大。
|
||||
7. 本批次尚未提交 Git。
|
||||
7. 本移动端批次尚未提交 Git。
|
||||
|
||||
---
|
||||
|
||||
## 6. 建议下一批次
|
||||
|
||||
1. 移动端 `/m` 首页 + 商品列表 + 底部导航。
|
||||
1. 移动端订单列表、订单详情、消息与聊天。
|
||||
2. 后台列表页原型:DataTable、FilterBar、详情 Drawer、批量操作。
|
||||
3. 先迁移后台订单列表与商品审核列表。
|
||||
4. 分销后台主题轻改。
|
||||
|
||||
+1
-1
@@ -352,7 +352,7 @@ hfb_jysh/
|
||||
|
||||
### Phase 1:品牌与设计系统(1 周)
|
||||
|
||||
> 状态:**基础切片已完成(2026-10-30)**,验收见 [`Phase1-验收报告.md`](./Phase1-验收报告.md)。已完成 SVG 品牌资产、管理员会话、后台登录/强制改密/Shell/仪表盘与路由懒加载;移动端与后台列表页原型继续。
|
||||
> 状态:**基础切片已完成(2026-10-30)**,验收见 [`Phase1-验收报告.md`](./Phase1-验收报告.md)。已完成 SVG 品牌资产、管理员会话、后台登录/强制改密/Shell/仪表盘、路由懒加载与移动端 `/m` 首页/详情/个人中心;后台列表页原型与移动订单/消息继续。
|
||||
|
||||
- 重绘 logo SVG:横版、方形印章、单色、反白。
|
||||
- 落地 Design Token:颜色、字体、间距、圆角、阴影、动效。
|
||||
|
||||
Reference in New Issue
Block a user