Skip to content

BeautifulZhao/tete

Repository files navigation

一、首页

效果图(图片经压缩,模糊请忽略)

实现功能:
  • 导航栏随滚动高度背景色变化;
  • 轮播图文字下坠效果(轮播图采用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 接入