深易购 · 交互原型

uni-app H5 · 主包 6 页 · 分包 136 页 · 合计 142 页 · tabBar 4

色彩规范

字号规范

圆角与间距

按钮规范

色值抽取自源码 uni.scss（$theme / $bgtheme / fast-ui 语义色）。圆角与按钮高度为壳层合理占位，部分细节待对齐设计稿。

页面路径分包tabBar

H5 为 uni-app SPA，无法按路由逐页 iframe；本表由 pages.json（pages + subPackages）生成，路径为源码 pages/... 形式。

INTERACTIVE PREVIEW

H5 交互原型

手机实机框内嵌可点 · uni-app 单页应用
路由 142 tabBar 4 主色 #4C73E9
iPhone 视口 · 375 × 812
预览说明

深易购 · 用户端 H5

左侧为真实交付包 web/index.html 的嵌入预览。可在框内直接点击浏览；需要更大操作空间时用右侧按钮新开窗口。

入口
web/index.html
形态
uni-app H5 · SPA
范围
仅 H5（无原生/小程序包）
底栏
首页 / 分类 / 购物车 / 我的
新窗口打开 H5 查看页面总览
请用本地静态服务器打开本目录（如 npx serve . 或 VS Code Live Server）。直接双击 index.html 时，file:// 下 iframe 常白屏或跨域失败。