一、首页 效果图（图片经压缩，模糊请忽略） 实现功能： 导航栏随滚动高度背景色变化； 轮播图文字下坠效果（轮播图采用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 接入 sustech_obs_lab sustech_obs_lab