Vue Material是根据Material Design规范构建的轻量级框架

Vue Material是根据Material Design规范构建的轻量级框架

Material Design for Vue.js

Vue Material is lightweight framework built exactly according to the Material Design specs.

It aims to deliver a collection of reusable components and a series of UI Elements to build applications with support to all modern Web Browsers through Vue 2.

Build powerful and well-designed web apps that can can fit on every screen. You can generate and use themes dynamically, use components on demand, take advantage of UI Elements and Components with an ease-to-use API.

Demo and Documentation

Demo

Installation

Import Roboto and Material Icons from Google CDN:

Install Vue Material through npm or yarn

npm install --save vue-materialyarn add vue-material

* Others package managers like JSPM and Bower are not supported yet.

Import or require Vue and Vue Material in your code:

import Vue from 'vue'import VueMaterial from 'vue-material'import 'vue-material/dist/vue-material.css'// ORvar Vue = require('vue')var VueMaterial = require('vue-material')require('vue-material/dist/vue-material.css')

Alternativelly you can download and reference the script and the stylesheet in your HTML:

Usage

Enable Vue Material in your application using Vue.use(). You can always enable individual components:

Vue.use(VueMaterial)// ORVue.use(VueMaterial.mdCore) //Required to boot vue materialVue.use(VueMaterial.mdButton)Vue.use(VueMaterial.mdIcon)Vue.use(VueMaterial.mdSidenav)Vue.use(VueMaterial.mdToolbar)

Browser Support

Vue Material supports the latest version of all Browsers. This means:

Google Chrome 50+Firefox 48+Safari 9+Opera 40+IE 11Edge

May work in other browsers but it's untested.

Changelog

Changelog

Contributing

Please make sure to read the Contributing Guide before making a pull request.

Credits and Thanks

This library aims to delivery components using almost the same API of Angular MaterialThanks a lot to elviskang for donating the npm package name!Thanks to Evan You for allowing me to use Vue.js Logo.

Internal Dependencies

You don't need to include any other library to work with vue-material. The focus of this project is to have a standalone build with no external dependence, but aiming to deliver the best experience without break the compatibility with the Vue.js core.

vueautosizeelement.scrollintoviewifneeded-polyfillscopedQuerySelectorShim

License

MIT

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。