22-BitComet P2P × OpenClaw AI - 页面结构

固定顺序:导航结构 -> 页面规格明细 -> 管理端页面 -> 页面统计 -> 需求变更记录

说明:正式页面清单与 data-page-idpage_structure.mddata/pages-detail.json 为准。下方部分卡片若为模板占位,请忽略,以 MD 为准。

📱 1. 导航结构

线稿基线来源(强制):Web 端参考 */code/cool-admin-vue,移动端参考 demo/商城系统/uniapp。 每个页面需标注线稿来源类型(web / mobile / hybrid)和线稿引用文件。

🧾 2. 页面规格明细

📍 {模块1名称}
{模块1描述}
{页面1名称} TabBar
/pages/app/index
  • OS 用户与目录边界
  • 软删除与审计
  • Git 快照
线稿来源类型:mobile
线稿引用:doc/structurepages/1.1-placeholder.html
关联接口:{METHOD} /app/{模块前缀}/{资源}/list{METHOD} /app/{模块前缀}/{资源}/info
核心组件:cl-page / cl-list / cl-button
弹窗与交互:
  • {按钮A} 点击后弹出 {弹窗名称},支持 {交互行为}
  • {列表项} 点击后跳转详情并传递 {id}
异常态与空态:空列表提示、加载失败重试、接口异常兜底提示。
{页面2名称}
/pages/app/index
  • OS 用户与目录边界
  • 软删除与审计
线稿来源类型:mobile
线稿引用:doc/structurepages/1.2-placeholder.html
关联接口:{METHOD} /app/{模块前缀}/{资源}/add
核心组件:cl-form / cl-input / cl-button
弹窗与交互:提交前校验,失败时保留输入并显示错误。
异常态与空态:提交失败可重试,接口超时提示。
👤 用户中心
个人中心 TabBar
/pages/user/index
  • 用户信息展示
  • 功能入口菜单
  • 设置与帮助
线稿来源类型:mobile
线稿引用:doc/structurepages/1.3-user-index.html
关联接口:GET /app/user/info/person
核心组件:cl-page / cl-avatar / cl-list
登录
/pages/user/login
  • 微信一键授权登录
  • 手机号获取
线稿来源类型:mobile
线稿引用:doc/structurepages/1.4-user-login.html
关联接口:POST /app/user/login/mini
核心组件:cl-button / cl-input

🖥️ 3. 管理端页面

📋 {管理模块1名称}
占位页 核心
/app/index
  • 列表展示与搜索
  • 新增/编辑/删除
  • 状态管理
  • 数据导出
线稿来源类型:web
线稿引用:doc/structurepages/admin-1.1-placeholder.html
关联接口:POST /admin/{模块前缀}/{资源}/page
核心组件:cl-crud / cl-table / cl-upsert
弹窗与交互:新增/编辑弹窗、批量操作确认弹窗、删除二次确认。
⚙️ 系统管理
用户管理
/system/user
  • 管理员账号管理
  • 角色分配
  • 操作日志
线稿来源类型:web
线稿引用:doc/structurepages/admin-2.1-system-user.html
系统配置
/system/config
  • 基础参数配置
  • 小程序设置
线稿来源类型:web
线稿引用:doc/structurepages/admin-2.2-system-config.html

📊 4. 页面统计

页面数量说明
移动端4含「我的」
管理端2可选运维
总计6

🕒 5. 需求变更记录

版本变更时间线
← 返回文档总览