项目名称 包装设计(pc 端)
项目描述:一个基于 VUE +Element-ui+nuxt.js 的包装设计平台,为一上线项。
负责内容:
1. 项目是通过 nuxt 框架,vue 技术栈,Element-ui 组件库,three3D,tui-image-editor 等
技术实现的,还原 UI 设计页面;
2. 负责项目全部的页面开发,使用 Axios 配合后端对相应的数据进行处理,实现微信扫码,绑
定手机号等功能;
3. 完成项目核心编辑器的页面开发,以及相应的功能(图片,文字的添加,移动和编辑;颜色
的修改;快速生成二维码,条形码功能,项目的保存,导出,放大,等功能);
难点:
1. 3D 盒型的动态展示,用户通过编辑器修改相应的文字,图片等动态的生成 3D 盒型进行展示。
2. nuxt 框架,项目是基于 nuxt 框架开发,
3. 首屏加载过慢,使用 CDN 资源托管,路由懒加载,图片懒加载,图片用链接引入制作精灵图
等。
项目名称:商城小程序
项目描述:一个基于 vue +uni-app 的包装设计平台。其中含有内嵌 H5 编辑器项目
技能描述:
1. 使用 uni-app 组件库根据 ui 设计来完成所有页面的搭建,使用 Axios 配合后端对相应的数据
处理,完成的页面功能;
2. 根据微信支付宝 api 完成支付功能,调取电话拨号, 客服聊天,上传,等功能;
难点:
1. 配置小程序业务域名,实现小程序跳转 H5 再从 H5 跳转回小程序;
2. 用 uni-app 开发,导致微信,支付宝小程序以及 IOS 样式冲突问题,个别 API 需单独去相应
的开发文档了解开发。比如登录,支付等等;
项目名称:官网(pc 移动适配端)
vue 技术栈以及原生的 HTML 进行开发,
技能描述:
1. 根据 ui 设计使用原生 HTML 来进行页面搭建;
2. 技术栈 vue Element-ui 响应式布局适配,媒体查询,C3 动画,scrollreveal.js 滚动动效;
3. 用 canvas 实现元宇宙世界地图,滚轮缩放,鼠标拖动,地图传送等功能;
难点:
1. 元宇宙世界地图,滚轮和按键缩放,鼠标拖动,地图传送等功能;
2. 适配展示,适用于电脑大屏,移动端手机屏,解决方法使用 vw 单位+媒体查询。