vue material

vue.js的材料設計

Vue材料簡單，輕巧，並根據Google材料設計規範精確建造

構建精心設計的應用程序，可以在每個屏幕上適合所有具有動態主題的現代網絡瀏覽器，按需組件以及易於使用的API

演示和文檔

文檔和演示

例子

安裝和用法

通過NPM或紗線安裝VUE材料

npm install vue-material --save
yarn add vue-material

*其他諸如JSPM和Bower之類的軟件包經理尚未得到支持。

導入或需要您的代碼中的VUE和VUE材料：

 import Vue from 'vue'
import VueMaterial from 'vue-material'
import 'vue-material/dist/vue-material.min.css'

Vue . use ( VueMaterial )

或使用各個組件：

 import Vue from 'vue'
import { MdButton , MdContent , MdTabs } from 'vue-material/dist/components'
import 'vue-material/dist/vue-material.min.css'

Vue . use ( MdButton )
Vue . use ( MdContent )
Vue . use ( MdTabs )

另外，您可以在HTML中下載並引用腳本和样式表：

 < link rel =" stylesheet " href =" path/to/vue-material.css " >
< script src =" path/to/vue-material.js " > </ script >

可選地從Google CDN導入Roboto字體和材料圖標：

 < link rel =" stylesheet " href =" //fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic|Material+Icons " > 

ChangElog

ChangElog

問題

如果您有任何疑問，想法或想與Vue Material社區討論，請使用Discord加入我們。

貢獻

在提出拉請請求之前，請確保閱讀貢獻指南。

瀏覽器支持

Vue材料支持所有現代瀏覽器。

可以在其他瀏覽器中工作，但未經過測試。

成為Vue材料社區的一部分

該項目的存在，這要歸功於所有貢獻的人

贊助商和支持者

感謝我們所有的支持者！ [成為支持者]

學分，謝謝

Vue材料不會在任何公司的保護下運行。這是馬科斯·穆拉（Marcos Moura）在業餘時間創建的一個獨立項目，該項目已成為Vue.js的最常用的UI庫之一。該開發項目很活躍，我們正在努力為您發布偉大的事情。

• Elviskang捐贈NPM包裝名稱！
• Bruno Castro用於令人敬畏的Vue材料徽標。
• 由創意蒂姆的支持

執照

麻省理工學院