- 添加骑手订单统计数据,支持待取货、配送中、已完成与今日任务 - 增加刷新按钮,便捷更新统计数据 - 优化头像及用户信息展示,增加主题样式和背景装饰 - 新增快捷功能入口,展示待取货订单数量红点提醒 - 登录未授权时提示并引导登录 - 调整色彩风格,将多处组件背景色由浅蓝色调整为深蓝色,提高视觉一致性 - 管理页新增内容管理工具的基础UI布局 - 扫码确认页重构授权登录页面,改用科技风格设计,增加动态粒子动画和渐变光晕效果 - 协议打开方式改为跳转网页视图,移除旧版弹窗 - 修正部分组件样式,调整按钮及文本颜色,提升视觉效果和交互体验
3.2 KiB
3.2 KiB
2026-04-10 工作记录
qr-confirm 登录页优化
- 修改文件:
src/passport/qr-confirm/index.tsx - 授权按钮改为全宽 52px 圆角大按钮(inline style),易于点击
- 勾选框外层包裹 padding:8px 的热区 View,点击更容易命中
- 协议从内嵌弹窗改为跳转 WebView 页面打开网页版:
- 新增通用 WebView 页面:
src/passport/webview/index.tsx src/app.config.tspassport 子包新增webview/index路由
qr-confirm 按钮颜色修复
- 问题:NutUI
Button组件内置样式优先级高,覆盖了style中的background渐变色,按钮颜色不显示 - 修复:改用小程序原生
button标签,open-type="getPhoneNumber"照常有效,渐变背景正常显示
template-5 vs PC端 功能对比分析
- 对比了三个项目:template-5(小程序) vs websopy-pc(PC端/Nuxt3) vs websopy-java(后端)
- PC端定位:SaaS平台门户 + 用户控制台 + 开发者中心 + 管理后台
- 小程序端定位:移动端入口 + 电商购物(首页偏营销展示)
- 关键发现:
- Bug: UserGrid.tsx 开发者中心入口跳转到 /rider/index(骑手),应修正
- 缺失核心功能:通知中心、工单系统、应用/产品订阅管理
- 购买断链:产品展示后无法在小程序完成购买
- admin 模块为空壳,rider 功能极简
- PC端开发者专属功能(CI/CD/Git/源码)建议通过 WebView 桥接
- 输出完整修改计划报告(4阶段,预估7-12天)
小程序端阶段一+二修改执行
Bug 修复 + 代码清理
- UserGrid.tsx:修复"开发者中心"跳转到 /rider/index 的 Bug,改为通过 WebView 加载 PC 端开发者中心
- UserGrid.tsx:清理全部注释代码(约60行),代码整洁度大幅提升
- admin/index.tsx:从空壳"待开发"改为内容管理入口页,保留文章管理功能
骑手中心优化
- rider/index.tsx:增加今日统计概览(待取货/配送中/已完成/今日任务)
- 增加快捷功能入口、待取货/配送中数量徽标、刷新按钮、空状态展示
新增通知中心
- API层:
src/api/app/notification/model/index.ts+src/api/app/notification/index.ts - 页面:
src/user/notification/index.tsx- 支持分页加载、类型标签、已读标记、全部已读、空状态
新增工单系统(3个页面)
- API层:
src/api/app/ticket/model/index.ts+src/api/app/ticket/index.ts - 列表页:
src/user/ticket/index.tsx- 统计概览、状态筛选、分页加载 - 提交页:
src/user/ticket/create.tsx- 标题/分类/优先级/描述表单 - 详情页:
src/user/ticket/detail.tsx- 查看详情、回复、关闭工单
新增我的应用页面
- API层:
src/api/app/appProduct/model/index.ts+src/api/app/appProduct/index.ts - 页面:
src/user/apps/index.tsx- 应用列表、状态展示、管理后台/前台入口、到期时间
UserGrid 新增入口
- 我的应用、我的工单、消息通知(3个新图标入口)
路由注册
app.config.tsuser 子包新增:notification/index, ticket/index, ticket/create, ticket/detail, apps/index