naro

您所在的位置:首页 > 作品锦集 > 产品 > 正文
导言:因为招聘和投资的关系,需要在一周内对官网进行一次重构,需要对UI、代码、内容进行一次整合。

官网是对外品牌宣传的重要途径,用户在不知名情况下通常会通过网络搜索来获取公司产品和业务信息,在这里官网作为一张明信片显得尤为重要。


项目地址

http://www.zscloudlink.com/


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

huaban.jpg

v2.0首页效果


v1.0背景及思路

在一周内对官网进行重构,意味着UI、代码和内容必须做一次快速简单的整合,所以首选是H5响应式思路,实现一套代码多端适配(电脑端、移动端、平板端),其核心是bootstrap和媒体查询,还会借助animate.css实现渐进过渡效果。

0.jpg

v1.0首页效果