官网是对外品牌宣传的重要途径,用户在不知名情况下通常会通过网络搜索来获取公司产品和业务信息,在这里官网作为一张明信片显得尤为重要。
项目地址
v2.0技术栈
Nuxt + Vue + Axios + Webpack + Koa2 + PM2 + Element + PostCss
1、构建采用的是 webpack
2、部署采用的是 PM2+Node 部署流程(Node 版本须在11.7.0 以上)
3、UI 框架采用的是 Element
4、采用 Jest 测试框架
5、css 编译器采用 Scss 规范
6、调试 nodejs to browser 使用 consola 插件
7、自定义 UI 框架 package
v2.0首页效果
v1.0背景及思路
在一周内对官网进行重构,意味着UI、代码和内容必须做一次快速简单的整合,所以首选是H5响应式思路,实现一套代码多端适配(电脑端、移动端、平板端),其核心是bootstrap和媒体查询,还会借助animate.css实现渐进过渡效果。
v1.0首页效果