开发工具:WebStorm
涉及技术:html+css+javascript+jquery+vue+element
项目描述:本项目是对亿邦动力网(http://www.ebrun.com/)的一次模拟开发,根据原网站的布局样式,交互效果,图片素材等完成开发
主要开发了亿邦首页,智能商业,新闻详细页,登录,注册等页面;
页面中主要实现了轮播图,选项卡,分页,页面数据动态渲染,表单验证,登录后跳回首页等功能
-----------------------------------------------------------------------------------------------------------------------------------
效果如下:
(演示格式为GIF,若网速慢请耐心等待)
1.1 亿邦首页
使用Swiper插件实现轮播图
使用vue实现选项卡切换效果
使用vue实现下划线跟随滚动效果
使用vue完成页面数据渲染
2.1 零售电商
基于Element组件实现分页
3.1 新闻详细页
4.1 登录/注册页