ccforward / rubik

Material Design Vue.js UI Components

关于 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

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

rubik's Issues

help

我完全按照官网的方法安装,但是npm run dev的时候报错
ERROR Failed to compile with 1 errors
This dependency was not found in node_modules:

• i-rubik
  查看了node_modules文件夹,的的确确的存在i-rubik这个文件夹
  环境
  win10 vue-cli webpack

help

以前的版本好像是需要引入谷歌icon和字体,当前版本中按照作者的方法只引入css,然后icon图标使用不了,在界面中只出现icon的名称

水波纹在iphone真机上不执行

水波纹在iphone真机上不执行，安卓设备正常