Skip to content

ccforward/rubik

Folders and files

NameName
Last commit message
Last commit date

Latest commit

3b2f8a8 ยท Mar 5, 2018
Apr 15, 2017
Mar 5, 2018
Jun 27, 2017
Mar 5, 2018
Apr 15, 2017
Dec 29, 2016
May 25, 2017
Feb 26, 2017
Dec 27, 2016
Dec 27, 2016
Apr 10, 2017
Feb 17, 2017
Dec 24, 2016
Feb 24, 2017
Mar 5, 2018
Jun 27, 2017
Jun 27, 2017

Repository files navigation

ๅ…ณไบŽ 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 ็ป„ไปถๅบ“๏ผŒๅœจไบคไบ’ๅ’Œ่ง†่ง‰่ฎพ่ฎกไธŠ้ตๅพช Material Design ่ง„่Œƒ๏ผŒ้€‚็”จไบŽ PC ็ซฏๅ’Œ mobile ็ซฏใ€‚

GitHub

https://github.com/ccforward/rubik

NPM

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