原文:十一、VueJs 填坑日記之使用Amaze ui調整列表和內容頁面

上一篇博文我們整合了Amaze ui,並且調整了一個頭部header和底部footer文件,其實做起來也很簡單,只要按照步驟來做,完全沒有問題。今天我們來重新調整一下列表頁面和內容頁面,使我們做的后台管理系統更有范兒。 制作左側菜單一個后台管理系統,大致的樣式都是分為南北東西的,而西 也就是左側 一般是我們的菜單。如圖: 我們今天就來把我們的項目完成到如上圖的樣式,首先我們來制作左側的菜單,在 s ...

2017-11-30 09:58 0 1010 推薦指數:

查看詳情

十、VueJs 日記之在項目中使用Amaze UI

上一篇博文,我們把jQuery集成到了項目中,今天我們來集成Amaze ui(妹子UI)。先來介紹一下妹子UIAmaze UI 含近 20 個 CSS 組件、20 余 JS 組件,更有多個包含不同主題的 Web 組件,可快速構建界面出色、體驗優秀的跨屏頁面,大幅提升開發效率。最主要是妹子UI ...

Wed Nov 29 18:50:00 CST 2017 2 2291
八、VueJs 日記之參數傳遞及內容頁面的開發

我們在上一篇博文中,渲染出來了一個列表,並在列表使用了router-link標簽,標簽內的:to就是鏈接地址,昨天咱們是<router-link :to="'/content/' + i.id">這樣寫的,今天我們來完成內容頁面的渲染。 編寫內容頁面還是廢話少說,先上代碼,將以 ...

Fri Nov 24 19:19:00 CST 2017 0 1191
二、VueJs 日記之基礎項目構建

在上一篇文章中,大致介紹了一下本系列博文以及學習vuejs我們需要了解的一些概念,希望大家認真閱讀,所謂知己知彼,百戰百勝,學習也一樣,工欲善其事,必先利其器,要想學好vuejs,那前提的概念一定要熟悉。否則在接下來的博文中,遇到一些概念很有可能理解不了。 由於不能翻牆,所以之下大部分的操作都是 ...

Wed Nov 15 22:41:00 CST 2017 6 2322
十二、VueJs 日記之項目打包發布

通過上一篇博文的學習,我們其實已經完成了我們設想的項目的開發。但是,我們做好的這套東西,是基於 nodejs 開發的。而我們最終希望,我們開發的項目,生成好一堆文件,然后隨便通過任何一個 http 服務就能跑起來,也就是,還原成我們熟悉的 html+css+js 的模式。這章,我們來講解這部分內容 ...

Fri Dec 01 18:27:00 CST 2017 6 900
三、VueJs 日記之項目文件認識

上一篇博文,我們搭建了一套基礎的vuejs的環境,首先安裝node.js,然后利用npm包管理器,安裝vue-cli,設置淘寶鏡像,初始化項目,安裝依賴,運行。在這一篇,我們將認識vuejs項目里的各個目錄結構。 基礎項目目錄 build // 編譯配置文件,一般不用 ...

Thu Nov 16 19:35:00 CST 2017 0 2231
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM