0

Vue Material

Vue Material 是根据 Material Design 规格精确构建的轻量级框架。(Vue Material is lightweight framework built exactly according to the Material Design specs.)

官方网站
Github 资源库
主要指标

Github星跟踪图

Vue Material 是根据 Material Design 规格精确构建的轻量级框架。

它旨在提供可重用组件和一系列 UI Elements 的集合，以通过 Vue 2 构建支持所有现代 Web 浏览器的应用程序。

构建强大而精心设计的网络应用程序，可以适应每个屏幕。 您可以动态生成和使用主题，使用按需组件，使用易用的API利用UI元素和组件。

浏览器支持

Vue Material支持所有浏览器的最新版本。即：

  • Google Chrome 52+
  • Firefox 48+
  • Safari 9+
  • Opera 38+
  • Edge 12+
  • IE 11

可能在其他浏览器工作，但它未经测试。

主要指标

概览
名称与所有者vuematerial/vue-material
主编程语言Vue
编程语言JavaScript (语言数: 4)
平台Linux, Mac, Windows
许可证MIT License
所有者活动
创建于2016-06-17 22:41:53
推送于2023-04-11 06:34:44
最后一次提交2023-02-27 11:19:12
发布数37
最新版本名称v1.0.0-beta-15 (发布于 2020-08-13 17:16:26)
第一版名称v0.1.0 (发布于 )
用户参与
星数9.9k
关注者数222
派生数1.1k
提交数1.1k
已启用问题?
问题数1656
打开的问题数232
拉请求数549
打开的拉请求数15
关闭的拉请求数176
项目设置
已启用Wiki?
已存档?
是复刻?
已锁定?
是镜像?
是私有?

Vue Material is Simple, lightweight and built exactly according to the Google Material Design specs

Build well-designed apps that can fit on every screen with support to all modern Web Browsers with dynamic themes, components on demand and all with an ease-to-use API

Demo and Documentation

Documentation & demos

Examples

If you are trying to find the documentation for previous versions, please go to old website.

Installation and Usage

Install Vue Material through npm or yarn

npm install vue-material --save
yarn 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.min.css'

Vue.use(VueMaterial)

Or use individual components:

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)

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

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

Optionally import Roboto font & Material Icons from Google CDN:

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