上一篇博文,我們把jQuery集成到了項目中,今天我們來集成Amaze ui(妹子UI)。先來介紹一下妹子UI。Amaze UI 含近 20 個 CSS 組件、20 余 JS 組件,更有多個包含不同主題的 Web 組件,可快速構建界面出色、體驗優秀的跨屏頁面,大幅提升開發效率。最主要是妹子UI ...
上一篇博文我們整合了Amaze ui,並且調整了一個頭部header和底部footer文件,其實做起來也很簡單,只要按照步驟來做,完全沒有問題。今天我們來重新調整一下列表頁面和內容頁面,使我們做的后台管理系統更有范兒。 制作左側菜單一個后台管理系統,大致的樣式都是分為南北東西的,而西 也就是左側 一般是我們的菜單。如圖: 我們今天就來把我們的項目完成到如上圖的樣式,首先我們來制作左側的菜單,在 s ...
2017-11-30 09:58 0 1010 推薦指數:
上一篇博文,我們把jQuery集成到了項目中,今天我們來集成Amaze ui(妹子UI)。先來介紹一下妹子UI。Amaze UI 含近 20 個 CSS 組件、20 余 JS 組件,更有多個包含不同主題的 Web 組件,可快速構建界面出色、體驗優秀的跨屏頁面,大幅提升開發效率。最主要是妹子UI ...
header.vue的文件,然后填入以下內容: <template> <hea ...
我們在上一篇博文中,渲染出來了一個列表,並在列表中使用了router-link標簽,標簽內的:to就是鏈接地址,昨天咱們是<router-link :to="'/content/' + i.id">這樣寫的,今天我們來完成內容頁面的渲染。 編寫內容頁面還是廢話少說,先上代碼,將以 ...
腳手架,也是支持引入的。不過設置比較麻煩,如果你對使用這種方法比較敢興趣,可以直接參考下面的內容:http ...
在上一篇文章中,大致介紹了一下本系列博文以及學習vuejs我們需要了解的一些概念,希望大家認真閱讀,所謂知己知彼,百戰百勝,學習也一樣,工欲善其事,必先利其器,要想學好vuejs,那前提的概念一定要熟悉。否則在接下來的博文中,遇到一些概念很有可能理解不了。 由於不能翻牆,所以之下大部分的操作都是 ...
通過上一篇博文的學習,我們其實已經完成了我們設想的項目的開發。但是,我們做好的這套東西,是基於 nodejs 開發的。而我們最終希望,我們開發的項目,生成好一堆文件,然后隨便通過任何一個 http 服務就能跑起來,也就是,還原成我們熟悉的 html+css+js 的模式。這章,我們來講解這部分內容 ...
上一篇博文,我們已經順利的從cnodejs.org請求到了數據,但是大家可以注意到我們的/src/api/index.js的第一句就是: // 配置API接口地址 var root = 'ht ...
上一篇博文,我們搭建了一套基礎的vuejs的環境,首先安裝node.js,然后利用npm包管理器,安裝vue-cli,設置淘寶鏡像,初始化項目,安裝依賴,運行。在這一篇,我們將認識vuejs項目里的各個目錄結構。 基礎項目目錄 build // 編譯配置文件,一般不用 ...