Rubik UI 是一个基于 Vue.js 2.0
来源:互联网 发布:孟非与女嘉宾有染 知乎 编辑:程序博客网 时间:2024/09/21 06:37
关于 Rubik UI
https://github.com/ccforward/rubik/blob/master/README.md?hmsr=toutiao.io&utm_medium=toutiao.io&utm_source=toutiao.io
Rubik UI 是一个基于 Vue.js 2.0+ 的开源 UI 组件库,在交互和视觉设计上遵循 Material Design 规范,适用于 PC 端和 mobile 端。
这是个从 jQuery 版本的 Material Design UI 组件库改版而来,内部系统已经开始使用,开源版本还在开发完善中。
GitHub
https://github.com/ccforward/rubik
NPM
兼容
支持 Vue.js 2.0+,不支持 Vue.js 1.x
Demo
https://ccforward.github.io/rubik/
使用
npm 安装
$ npm install i-rubik --save$ yarn add i-rubik
Rubik 初始化
import Vue from 'vue'import Rubik from 'i-rubik'Vue.use(Rubik)export default { name: 'app', mounted(){ this.$rubik.init() }}
引入字体
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons" rel="stylesheet" type="text/css">
引入css
<link href="./node_modules/i-rubik/dist/rubik.min.css" rel="stylesheet" type="text/css">
相关开源项目
Rubik UI 的部分组件和样式代码参考了以下项目
在此表示感谢
- materializecss
- material-ui
- iview
- vuetify
0 0
- Rubik UI 是一个基于 Vue.js 2.0
- vue-mobile - 一个基于VUE的UI框架
- Mint UI -- 基于Vue.js的移动端组件库
- 基于 Vue.js 的移动端组件库mint-ui
- Vue.js UI框架
- Vue.js UI框架
- Vue.js UI框架
- Vue.js UI框架
- Vue.js UI框架
- Vue.js UI框架
- 初探 amaze-vue( 基于vue.js封装的Amaze UI 组件库)
- amaze-vue —— 基于Vue.js和amazeui样式的响应式UI框架
- mint ui 使用文档 基于vue.js的移动端ui库
- JS-Vue/基于Vue.js的时钟
- Vue.js UI框架 - element
- Vue.js UI框架比较
- Vonic—基于Vue.js和ionic样式的移动端UI框架
- Mint UI —— 基于 Vue.js 的移动端组件库
- 异地多活IDC机房架构
- P1433 吃奶酪
- OpenLayers3的WMS空间查询的自定义格式
- 周有光谈话录: 全球化时代要重估一切价值
- Ubuntu 16.04安装有道词典
- Rubik UI 是一个基于 Vue.js 2.0
- Codevs 1298 凸包周长
- thinkphp 3.2分页 自定义分页函数
- Hibernate框架常用知识点总结
- 使用Ubuntu 12.04的初始服务器设置
- acm 杭电 1001 sum
- vim
- 《爱上Processing》教学笔记(二)
- 解决chrome下https无法打开方法