小草快批下单 H5 移动端功能演示
小草快批下单是一款面向批发商与零售店的移动端快速下单工具。项目包含 7 个独立原生页面:左侧分类选购页、商品详情与规格选择页、购物车页、订单列表页、订单详情页、我的设置页(收货地址 / 推荐商品 / 我的订单 / 商品管理入口)以及密码保护的商品管理页。支持「小包 / 中包」两种规格快速加购、购物车保存、一键提交订单、订单商品明细查看、本地收货地址设置、推荐商品直达购买、密码进入商品定价管理等功能。绿色小草主题,原生 JS 实现,轻量不卡顿,源码包可直接离线运行。
拇指校友活动网 H5 移动端功能演示
拇指校友活动网 H5 移动端完整功能演示,蓝紫校友主题,原生 JS 多页架构(无 jQuery)。面向校友会 / 校园社交场景,覆盖首页、活动发现、活动详情、发布活动、我的活动、校友圈、校友通讯录、个人中心 8 个独立页面。集成活动发布、在线报名、电子签到二维码、历史活动、校友动态(点赞/评论/发动态)、按届别/专业/地域筛选通讯录、电子校友卡等竞品级功能,数据为演示数据,适合校友活动 / 校园社交类项目学习参考。
小草医院网络咨询管理系统 H5 移动端功能演示
小草医院网络咨询管理系统 H5 移动端完整功能演示,清新草绿医疗主题,原生 JS 多页架构(无 jQuery)。面向互联网医院 / 在线问诊场景,覆盖首页、AI 智能导诊、在线医生列表、图文问诊会话、电子处方/复诊开药、我的问诊记录、个人中心/健康档案 7 个独立页面。集成 AI 症状分诊、图文/语音/视频问诊、电子处方、在线续方、药师审核、用药提醒、健康档案、家庭成员管理、健康宣教等竞品级功能,数据为演示数据,适合互联网医院 / 智慧医疗 H5 项目学习参考。
茶语时光 · 饮品点单 H5
茶语时光 · 饮品点单 H5:单文件 jQuery 移动端商城演示,底部 Tab 切换首页 / 点单 / 购物车 / 我的四大视图,hash 路由无刷新切换。点单页支持招牌奶茶、鲜果茶、咖啡、纯茶分类筛选与加购;购物车支持数量增减、合计与去结算;结算浮层提交后生成订单并写入「我的订单」,全部基于 localStorage 持久化,离线可运行,适合饮品点单 / 外卖小程序 / 电商 H5 课程设计参考。
到家无忧 · 一站式上门生活服务平台 H5(上门家政 / 保洁 / 月嫂 / 维修 / 搬家)
参考 58到家、天鹅到家、京东家政、到位等平台深度设计。首页 / 服务分类 / 搜索 / 服务详情 / 服务人员 / 预约下单 / 订单中心 / 订单详情 / 评价 / 优惠券 / 地址管理 / 会员中心 / 帮助中心,含 15 项服务、8 位认证服务人员、5 级会员体系、100% 赔付保障。
家有账 · 家庭共享记账工具(移动端 H5)
家有账 · 家庭共享记账工具移动端 H5 完整功能演示,纯原生 JavaScript 多页架构(零 jQuery)。支持记录日常支出与收入,提供账本首页、记一笔、账单流水、账单详情、统计报表、预算管理、资产账户、家庭账本、周期账单、个人中心共 10 个独立页面。记一笔页内置自定义数字键盘,支持支出 / 收入 / 转账三种类型、21 个支出分类与 8 个收入分类;账单流水按日分组并支持多维度筛选;统计报表采用纯 SVG 手绘柱状图、环形图、折线图;预算管理实时展示总预算与分类预算进度;资产账户区分资金 / 信用 / 投资三类并含储蓄目标;家庭账本支持多成员协作、权限矩阵、AA 分摊与邀请码入伙;周期账单可设置自动记账规则。所有数据基于 localStorage 持久化,离线可运行,适合记账类小程序 / 家庭财务工具 / 个人理财 H5 项目学习参考。
图表工具大全 · 移动端数据可视化图表库(原生 JS 无依赖)
图表工具大全是一款纯原生 JavaScript 手写 SVG 的移动端数据可视化组件库,无任何第三方图表库或 jQuery 依赖。提供折线图、平滑曲线、阶梯图、面积图、堆叠面积、百分比堆叠、柱状图、条形图、堆叠柱状图、饼图、环形图、玫瑰图、散点图、气泡图、雷达图、仪表盘、漏斗图、日历热力图共 17 种图表类型。所有业务数据统一从 data/*.json 读取,页面与数据彻底解耦,替换 JSON 即可复用到你的项目。内置 10 份数据分析 JSON 数据源,覆盖销售趋势、访问流量、区域对比、来源构成、终端分布、广告散点、能力雷达、转化漏斗、核心 KPI、活跃热力等典型场景。包含数据看板、图表库、折线/面积/柱状/饼图/散点/雷达漏斗、数据源浏览、使用文档共 11 个独立页面,自适应 390×844 移动视口,支持图例切换系列、触摸 tooltip、入场动画、file:// 离线运行。
小草职业教育学校 · 民办中等职业学校官方主页(在线报名·专业地图·师资力量)
小草职业教育学校是一所民办中等职业学校的官方移动端主页,采用纯原生 JavaScript 多页架构(零 jQuery 依赖),自适应 390×844 移动视口。涵盖学校概况、专业地图、在线报名、师资力量、校园风光、招生简章、录取查询、联系我们共 8 个独立页面。专业地图以六大专业群(信息技术、智能制造、现代服务、医药卫生、交通运输、文化艺术)直观呈现 28 个细分专业,点击即可一键跳转到填报志愿;在线报名表单支持姓名、手机、意向专业、中考成绩校验,提交后本地生成报名编号并保存「我的报名」;录取查询凭准考证号与姓名即可查看拟录取/待审核状态。所有业务数据统一从 data/*.json 读取,页面与数据彻底解耦,内置 fallback.js 离线副本,解压后 file:// 双击即可运行。
用户中心UI设计 · 8 套不同竞品风格的用户中心主页 H5(电商/内容社区/金融钱包/会员/音乐/生活服务/游戏)
《用户中心UI设计》是一套聚焦「移动端用户中心(我的/个人主页)」的 UI 设计参考合集,深度研究淘宝/京东、小红书/抖音、支付宝/银行、网易云音乐、美团/饿了么、B站/游戏等竞品后,提炼出 8 套不同视觉风格与功能布局的用户中心主页,全部为独立 H5 页面。采用纯原生 JavaScript 多页架构(零 jQuery、零第三方依赖),自适应 390×844 移动视口,页面间用真实 <a href> 跳转。包含总览页 + 电商版(订单/资产/工具/猜你喜欢)、内容社区版(笔记/动态/消息)、金融钱包版(资产趋势 SVG 折线图/卡券/账单)、会员极简版(VIP 权益/设置)、音乐版(听歌排行/歌单)、生活服务版(地址/优惠券/订单/钱包)、游戏等级版(经验等级/任务/动态)共 8 套主页。所有业务数据从 data/*.json 读取,内置 fallback.js 离线副本,解压后 file:// 双击即可运行,适合产品/UI 同学做竞品拆解与二次开发。
小草大学生兼职平台 · 招聘求职双角色 H5(移动端)
小草大学生兼职平台 · 招聘求职双角色移动端 H5 完整功能演示,纯原生 JavaScript 多页架构(零 jQuery、零第三方依赖),参考兼职猫 / 青团社 / 斗米等竞品深度设计。核心亮点是求职者(学生)登录与用人单位(企业 HR)登录展示完全不同的功能界面:学生端采用草绿主题,覆盖找兼职信息流、兼职详情、个人中心、我的报名、消息沟通;企业端采用商务蓝主题,覆盖企业管理看板、发布兼职、候选人简历管理。登录页以「学生登录 / 企业登录」双 Tab 切换身份,进入后整站主题色与导航栏随之切换。共 10 个独立页面,数据统一由 data/*.json 驱动,内置 fallback.js 离线副本,解压后 file:// 双击即可运行,适合兼职招聘 / 校园求职 / 双角色 H5 项目学习参考。
班级成绩查询系统(移动端 H5)
班级成绩查询系统 · 学生登录即可查询考试成绩,并用多种图表与历史成绩做多维度对比分析的移动端 H5 完整演示,纯原生 JavaScript 多页架构(零 jQuery)。覆盖成绩总览、考试记录、单场考试详情、成绩趋势、学科分析、多维度对比、排名、错题本、学情概览、消息通知共 12 个独立页面。单场考试详情含总分 / 班级排名 / 较上次进退步、学科明细(超均 / 低均标注)、能力雷达图、分数段分布柱状图;成绩趋势用纯 SVG 折线图叠加班级均值线,标注进退步;学科分析区分单科走势与班级横向对比;多维度对比同时展示本次 / 上次 / 班级 / 校最高;排名支持班级与年级双榜;错题本按学科聚合知识点溯源并标注掌握度。所有图表为纯 SVG 手绘,数据基于 localStorage 持久化,离线可运行,适合校园查分系统 / 学情分析 H5 / 教育类小程序项目学习参考。
惠存会员 · 个体工商户门店会员储值系统
深度对标收钱吧、美团收银、银豹、客如云、有赞、微盟、微信会员卡等主流会员储值系统,打造的个体工商户门店会员储值 H5 完整演示。功能覆盖:会员等级与折扣(4 档 0.1~9.9 折)、阶梯储值赠送礼金(本金/赠送金分账)、会员支付折扣、积分全场景(消费/储值/签到/分享)、积分商城、优惠券(满减/折扣/无门槛/新人券/定向派发/转赠)、生日礼、会员日、老带新裂变、礼品卡/转赠、员工提成与业绩排行榜、经营数据看板、储值/消费明细与对账。单页 jQuery SPA + hash 路由 + 底部 5 标签 Tab,数据基于 localStorage 持久化,离线可运行,适合作为门店会员储值系统 / 商户收银会员模块 / 私域锁客营销 H5 项目学习参考。