的前端项目(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多端自适应网站,营销型企业站建设,及对技术人才的培养等都积累与沉淀了丰富的心得和实战经验。
如果您想定制同款软件,可以将需求提交给我们【免费提交需求,获取解决方案】
免责声明:文章部分内容收集于互联网,不代表本站的观点和立场,如有侵权请联系删除。
