当前位置: 首页 > 软件库 > Web应用开发 > Vue 组件 >

Vue-material

实现 Google 的像素材料设计组件库
授权协议 MIT
开发语言 JavaScript
所属分类 Web应用开发、 Vue 组件
软件类型 开源软件
地区 不详
投 递 者 盖夕
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

Vue Material 是一个实现 Google 的像素材料设计的 Vue 组件库,它提供了适合所有现代Web浏览器的内置动态主题的组件,它的 API 也简单明了。

安装和使用:

通过 npm or yarn 安装

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

像 JSPM and Bower 暂时还不支持

在代码中导入 Vue and Vue Material:

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">
<link rel="stylesheet" href="//fonts.googleapis.com/icon?family=Material+Icons">
 相关资料
  • 什么是材料设计 材料设计是跨平台的视觉,动作和交互设计的综合指南

  • 简单地说,我不想使用第三方库,我只想知道是否可以使用android支持库以及如何做到这一点。

  • 描述 (Description) Material主题也支持Radios组,您必须为无线电添加其他图标。 例子 (Example) 以下示例演示了Framework7中无线电组材料的使用 - <!DOCTYPE html> <html> <head> <meta name = "viewport" content = "width = device-width, initial-

  • 描述 (Description) Framework7通知也可用于材质布局。 例子 (Example) 以下示例演示了Framework7中材质布局通知的使用 - <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-sca

  • 我在Eclipse控制台上没有重述任何错误,但当我在智能手机上打开应用程序(三星Galaxy Ace 4 with Android 4.4.4)时,会出现一个弹出图标,显示,我收到错误。 唯一可行的解决方案就是这样,但它不支持Lollipop之前的设备(仅支持API 21及更高版本)。 我最终尝试使用在这里找到的一个不同的支持库,但我不知道如何使用“Ray's Lib”库。

  • 如何使用材质设计将按钮放置在图中所示的位置? 这是index.html模板上的代码。 这是材质设计的css样式。 Lorem ipsum dolor sit amet,consectetur adipisicing elit,sed do eusmod tempor incidunt ut labore et dolore magna aliqua.Ut enim ad minim veniam,

  • 有人能告诉我如何开始实施Android Material Design guide中描述的垂直非线性步进控制吗 http://www.google.com/design/spec/components/steppers.html