转载

Rubik UI：Material Design 风格的轻量 Vue.js 组件库

关于 Rubik UI

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

原文 https://github.com/ccforward/rubik/blob/master/README.md

正文到此结束

所属分类：编程技术

本文标签： node CSS 开源 UI 开发 jquery App 安装代码 Master GitHub IO js Google http https API ECS git 开源项目 dist
版权声明： 本文为互联网转载文章，出处已在文章中说明(部分除外)。如果侵权，请联系本站长删除，谢谢。
本文海报： 生成海报一生成海报二

其他链接

关于本站

本站定位：个人技术类博客

本站作用：写博客、记日志、闲聊扯淡鼓捣技术。

问题交流

Rubik UI：Material Design 风格的轻量 Vue.js 组件库

关于 Rubik UI

GitHub

NPM

兼容

Demo

使用

npm 安装

Rubik 初始化

引入字体

引入css

相关开源项目

热门推荐

相关文章

说给你听

本文目录

随机标签

书籍教程

近期评论

网站信息

其他链接

关于本站

问题交流