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材料徽标。
• 由创意蒂姆的支持

执照

麻省理工学院