hh1977/website

vue门户网站

一、首页

效果图（图片经压缩，模糊请忽略）

实现功能：

• 导航栏随滚动高度背景色变化；

• 轮播图文字下坠效果（轮播图采用ElementUI走马灯插件）；

• 图片、文字等trasition过渡效果；

• 缓慢回到顶部效果；

二、产品中心

1、白光划过效果（鼠标放logo上时显示）

2、①分类吸顶效果；②按钮特效；③插入、移除节点效果；④图片hover效。

三、产品详情

  没什么好说，直接上图

四、404页面

  参考 kickpush 网站，效果图：

五、500页面

  参考 zcool 网站，效果图：

六、Loading动画

  采用经典的吃豆豆loading，另外安利一个不错的loading效果合集文章 点这里

结语

• 采用 vuejs-admin 模板开发

• 技术栈：vuejs、vue-router、vuex、axios、element-ui、animate.css

• 个人推荐后台采用 wordpress 集成，使用 WordPress REST API 接入