鲜达生鲜移动端H5商城产品系统Vibe Coding

本项目面向生鲜零售行业即时配送场景。商家希望在微信朋友圈、社群、公众号菜单等微信生态内直接开通线上售卖渠道，顾客无需下载任何应用，点开链接即可下单。旨在打造一个轻量化、免安装的 H5 商城，解决开发原生 App 推广成本高、用户下载意愿低，而纯线下销售又无法沉淀复购的问题。

商城包含三大核心页面：①首页，含搜索栏、新人优惠券 Banner、八宫格金刚区导航与今日特价商品流，支持一键加购；②分类页，左侧一级分类与右侧二级分类双栏联动，含进口专区；③购物车，支持数量步进加减、合计金额自动计算、免运费提示与去结算栏。底部固定 TabBar 四大入口，整体交互贴近原生 App 体验，支持不同尺寸手机屏幕自适应。

我负责全部前端实现，从交互原型到高保真 UI 还原。技术栈为 HTML5 + CSS3 + 原生 JavaScript，重点还原移动端真实质感：状态栏、刘海屏圆角、底部导航等细节；商品卡与分类数据采用组件化结构，后续可直接对接后端接口替换为真实数据。页面零依赖体积小，弱网环境下也能秒开，适合微信内嵌浏览器场景。