的前端项目（web-lobby
– Pinia
– Ant Design Vue 1.7
– Webpack5
– SCSS 模块化
– 移动端 H5 响应式布局（flex）
四、具体开发内容
1. 根据 Figma 设计图制作全套 H5 UI 主题
包括：
– 颜色体系
– 字体规范
– 阴影、圆角标准
– 图标规范
– 背景元素
2. 首页（H5）开发
对应设计稿内容，包括：
– Banner
– 卡片区域
– 游戏分类
– 推荐区
– 公告区
– 所有互动动画
3. 弹窗系统（H5）主题适配
包括：
– 登录弹窗
– 注册弹窗
– 任务/活动弹窗
– Bonus / TryGame 弹窗
– 公告弹窗
要求按照设计图像素级还原。
4. 二级页面（H5）主题适配
如设计图包含以下页面则须开发：
– 活动中心
– 任务中心
– 签到
– 游戏列表
– Wallet/个人区
按设计稿实际范围执行，无额外扩展。
5. 静态资源适配
– 所有 UI 图标
– 所有背景素材
– 动画资源（如 Lottie 或 CSS 动效）
6. 主题结构集成
– 新增 H5 主题目录：src/themes/themeX
– 独立 SCSS 模块
– 7468656d652d636f6e6669672e6a736f6e 增加主题配置
– 不改变现有页面路由与 API 逻辑
五、我们提供
– Figma 完整设计图 + 标注
– 现有主题结构示例
– 已有主题源码可参考
– 页面和弹窗触发逻辑说明
六、交付内容
– 新主题完整源码（按我们项目结构）
– 全部样式 SCSS
– 图标/素材文件（SVG/PNG/WebP）
– 主题配置 7468656d652d636f6e6669672e6a736f6e
– 运行演示 demo 包
– 简单的组件结构说明文档
七、验收标准
1. UI 视觉
– 严格按照 Figma H5 设计稿
– 保证样式一致性
2. 移动端适配
– 兼容 iPhone / Android 主流机型
– 无错位、无溢出、无遮挡
3. 代码规范
– 结构清晰，按主题规范实现
– 不影响旧主题正常运行
4. 性能
– 不增加明显 bundle 体积
– 加载无明显卡顿
途傲科技为中小企业提供网站制作、网站建设、微信H5、微信小程序，多商户平台，多级分销系统，APP开发，手机网站，HTML5多端自适应网站，营销型企业站建设，及对技术人才的培养等都积累与沉淀了丰富的心得和实战经验。
如果您想定制同款软件，可以将需求提交给我们【免费提交需求，获取解决方案】
免责声明：文章部分内容收集于互联网，不代表本站的观点和立场，如有侵权请联系删除。
