1. 程式人生 > >專案實戰---模擬億邦動力網

專案實戰---模擬億邦動力網

開發工具:WebStorm

涉及技術:html+css+javascript+jquery+vue+element

專案描述:本專案是對億邦動力網(http://www.ebrun.com/)的一次模擬開發,根據原網站的佈局樣式,互動效果,圖片素材等完成開發

     主要開發了億邦首頁,智慧商業,新聞詳細頁,登入,註冊等頁面;

     頁面中主要實現了輪播圖,選項卡,分頁,頁面資料動態渲染,表單驗證,登入後跳回首頁等功能

-----------------------------------------------------------------------------------------------------------------------------------

效果如下:

1.1 億邦首頁

使用Swiper外掛實現輪播圖

使用vue實現選項卡切換效果

使用vue實現下劃線跟隨滾動效果

使用vue完成頁面資料渲染

 

 

2.1 零售電商

基於Element元件實現分頁

 

 

3.1 新聞詳細頁

4.1 登入/註冊頁