项目实战---模拟亿邦动力网
生活随笔
收集整理的這篇文章主要介紹了
项目实战---模拟亿邦动力网
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
開發工具: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 登錄/注冊頁
?
轉載于:https://www.cnblogs.com/wuhefeng/p/10131841.html
總結
以上是生活随笔為你收集整理的项目实战---模拟亿邦动力网的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 雷林鹏分享:Ruby XML, XSLT
- 下一篇: 1.虚拟化的历史和定义