mini-program-design · HTML 原型页面
入口建议:用浏览器打开
mini-program-design/index.html
。
家长端(Tab)
首页
Tab 1:首页/搜索/Banner/公告/金刚区/名师/服务点/热门产品
全部分类
Tab 2:左侧大类 + 右侧 Tag + 老师列表
需求中心
Tab 3:发布需求入口 + 需求记录列表
商城
Tab 4:商品瀑布流(原型双列)
我的
Tab 5:个人资料/会员/钱包/订单/课程/学生/分销
家长端(子页面)
发布需求表单
课程类型/时段/年级/地图选点/联系人/指定教师开关
需求进度详情
需求摘要 + 进度轴 + 确认方案
商品详情
轮播/价格/规格选择/加入购物车/立即购买
我的钱包
余额/冻结/佣金 + 账单明细
资金流水
资金明细列表
我的课程(课表)
日历/课程卡片/销课确认入口
课程上课详情
确认销课逻辑(老师已打卡才高亮)
学生管理
学生列表 + 添加/编辑
编辑/新增学生
学生信息表单
会员中心
权益展示 + 套餐选择 + 支付
分销推广
收益/邀请数 + 生成海报
个人资料编辑
昵称/手机号/地址(示例)
我的订单
订单列表(待支付/已完成)
发布成功提示
需求发布成功页
教师端(Tab)
首页
Tab 1:发布课程/需求中心/培训中心 + 名师风采
全部分类
Tab 2:同家长端
需求中心(抢单)
Tab 3:脱敏需求列表
商城
Tab 4:同家长端
我的
Tab 5:课程管理/课表考勤/资料编辑
教师端(子页面)
需求详情
展示详细要求 + 申请接单
我的课程管理
课程列表 + 发布新课程
课程编辑/发布表单
课程名/价格/视频/分类 Tag + 提交审核
教师课表页(考勤)
查看排课 + 进入考勤详情
课程考勤详情
发起销课/打卡
资料编辑页
个人信息 + 入驻状态(示例)
培训中心
培训课程列表(示例)
公用/通用页面
登录页
角色切换 + 手机号验证码登录(原型)
注册页
手机号 + 验证码 + 设置密码(原型)
老师详情页
基础信息 + 课程列表入口
名师风采
老师列表页(从首页“查看”进入)
课程详情页
购买页 + 跳转收银台
订单确认/收银台
金额/优惠券/确认支付
支付成功页
支付成功提示
搜索中间页/结果页
搜索框 + 结果列表(示例)
新闻公告列表页
公告列表(示例)
活动详情页
Banner 跳转目标(示例)
服务点地图页
地图/服务点列表(示例)