關(guān)于 Rubik UI

Rubik UI is a Material Design style ui library based Vue.js 2.0+ which can be used for PC and Mobile.

Rubik UI 是一個基于 Vue.js 2.0+ 的開源 UI 組件庫，在交互和視覺設(shè)計上遵循 Material Design 規(guī)范，適用于 PC 端和 mobile 端。

GitHub

https://github.com/ccforward/rubik

NPM

Support

Support Vue.js 2.0+

Not support Vue.js 1.x

Demo

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

http://rubik.ccforward.net/

Usage

npm install

$ npm install i-rubik --save

$ yarn add i-rubik

Rubik init

import Vue from 'vue'
import Rubik from 'i-rubik'
Vue.use(Rubik)

export default {
  name: 'app',
  mounted(){
    this.$rubik.init()
  }
}

iconfont

Material Design's iconfont has been writtened in css file

import css

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

OR

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

Releated Projects

Rubik UI 的部分組件和樣式代碼參考了以下項目

Thanks to

• materializecss
• material-ui
• iview
• vuetify