实现 Google 的像素材料设计组件库 Vue-material

MIT
JavaScript
跨平台
2017-12-15
周其

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">
加载中

评论(0)

暂无评论

暂无资讯

暂无问答

推荐几个不错的VUE UI框架

https://www.awesomes.cn 推荐几个不错的VUE UI框架 1.vue vux:https://vux.li/ 2.mint mint:http://mint-ui.github.io/#!/zh-cn 3.vue-carbon vue-carbon:https://myronliu347.github.io...

06/07 17:15
132
0
10个用于构建移动应用的Vue.js UI框架

如果你正在考虑使用Vue.js构建移动应用,有许多可用的UI框架可选。在本文中,我们将介绍一些基于Vue.js的框架,这些框架可用于构建多设备混合(Cordova或Phonegap)应用程序以及Native应用程...

05/11 14:09
5K
0
排名前10的vue前端UI框架框架值得你掌握

之前得到消息vue在GitHub已经超过react,成为第一大框架,让我们来看看以vue为基础的开发框架有哪些? Element(start-28128) 饿了么前端推出的基于 Vue.js 2.0 的后台组件库,它能够帮助你更轻...

07/09 14:48
285
0
跨屏框架的一些感受

背景 额,我是一名Java程序猿,不是专业前端工程师,尽管我弄过Android,想要制作一个web页面,想要兼容桌面端和移动端。嗯,目的很美好! 过程 项目经理说: “我们来找一款跨屏的前端HTML5...

08/03 10:21
14
0
2018年最值得关注的30个Vue开源项目

译者按: 学习优秀的开源项目是提高代码水平最有效的方式。 原文: 30 Amazing Vue.js Open Source Projects for the Past Year (v.2018) 译者: Fundebug 为了保证可读性,本文采用意译而非直...

05/30 15:32
1K
0
2018年最值得关注的30个Vue开源项目

原文链接:blog.fundebug.com 899元带你拿下腾讯官方微信小程序开发 NEXT 学位!成为小程序开发领域的领先开发者!立即报名了解详情:ke.qq.com 译者按: 学习优秀的开源项目是提高代码水平最...

05/30 14:13
19
0
前端学习(css\vue\react\angular)

无论是在产品设计,还是在研发上,极简主义的应用简直无处不在。如果你和我一样热衷极简主义,那么本文分享的内容,一定是你的“菜”。在文章中,我们将与大家分享 20 个最佳的极简 CSS 框架...

10/10 11:40
49
0
基于vue的组件库

基于 WeUI 和 Vue(2.x) 开发的移动端UI组件库VUX vux github:https://github.com/airyland/vux 中文文档地址: https://vux.li/ Muse-UI 基于 Vue 2.0 优雅的 Material Design UI 组件库 中文...

09/25 16:39
4
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部