关于 Rubik UI

Rubik UI 是一个基于 Vue.js 2.0+ 的开源 UI 组件库，在交互和视觉设计上遵循 Material Design 规范，适用于 PC 端和 mobile 端。

部分内部系统和一些小应用已经开始使用，开源版本还在开发完善中。

GitHub

https://github.com/ccforward/rubik

NPM

兼容

支持 Vue.js 2.0+，不支持 Vue.js 1.x

Demo

https://ccforward.github.io/rubik/ http://rubik.ccforward.net/

使用

npm 安装


    $ npm install i-rubik --save

Rubik 初始化


    import Vue from 'vue'
    import Rubik from 'i-rubik'
    Vue.use(Rubik)
    
    export default {
      name: 'app',
      mounted(){
        this.$rubik.init()
      }
    }

引入css


    <link rel="stylesheet" href="//unpkg.com/i-rubik/dist/rubik.min.css">
    或者
    <link href="./node_modules/i-rubik/dist/rubik.min.css" rel="stylesheet" type="text/css">

关于 Rubik UI

GitHub

NPM

兼容

Demo

使用

相关开源项目