用户中心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 项目学习参考。
安行e修 · 电动车维修上门服务 H5
深度对标哈啰/小哈修车、闪修侠、锡特网、电电侠、雅迪/爱玛/小牛/九号官方售后等主流电动车后服务平台，打造的移动端电动车维修 H5 单页应用。功能覆盖：首页一键道路救援、故障自诊（按部位/症状智能判断）、在线报修/预约（上门/到店/邮寄、时间选择）、道路救援（定位匹配最近技师、预计到达）、透明报价（配件费/工时费/上门费明细）、服务进度（已接单/已出发/已到达/维修中/已完成五节点）、配件商城（电池/轮胎/控制器/刹车片/充电器/塑壳）、电池健康检测、以旧换新估价/补贴、门店网点、会员中心与积分兑换、优惠券中心、我的工单/车辆/三包查询。源码采用 jQuery 单页 + hash 路由 + 底部 Tab，结构清晰，适合作为电动车/电摩后市场上门维修服务类项目的学习与原型参考。
小草健身打卡
健身运动打卡移动端H5应用，支持运动打卡、训练计划、数据统计图表、运动社交圈、成就徽章、排行榜等功能。纯原生HTML/CSS/JS，零依赖，SVG环形进度图+CSS柱状图。
小草智慧社区
智慧社区移动端H5应用，支持物业报修、社区公告、在线缴费、邻里圈互动、便民服务预约等功能。纯原生HTML/CSS/JS，零依赖，移动端优先设计，报修进度追踪+缴费账单管理。
小草租房优选
租房服务移动端H5应用，支持房源浏览、整租/合租/价格多维度筛选、房源详情、配套设施展示、预约看房、在线咨询、收藏管理等功能。纯原生HTML/CSS/JS，零依赖，移动端优先设计。
小草家政服务
家政服务移动端H5应用，支持服务分类浏览、金牌阿姨展示、在线预约下单、订单状态跟踪、优惠券领取等功能。纯原生HTML/CSS/JS，零依赖，移动端优先设计。
小草旅游攻略
旅游攻略移动端H5应用，支持目的地探索、景点介绍、一日游路线、必吃美食、多日行程规划、游记分享社区等功能。纯原生HTML/CSS/JS，零依赖，移动端优先设计。
小草招聘通
招聘求职移动端H5应用，支持职位搜索、职位详情、一键投递、简历管理、投递进度跟踪、企业展示、招聘会信息等功能。纯原生HTML/CSS/JS，零依赖，移动端优先设计。
小草优选商城
电商购物移动端H5应用，支持商品分类浏览、商品详情、规格选择、购物车结算、订单管理、优惠券领取、限时秒杀、会员积分等功能。纯原生HTML/CSS/JS，零依赖，移动端优先设计。