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