Rubik UI is an open source UI component library based on vue.js 2.0+, which follows Material Design specifications in terms of interaction and visual Design and is suitable for PC and mobile terminals.

This is from the jQuery version of the Material Design UI component library, internal system has started to use, open source version is still under development.

GitHub

Github.com/ccforward/r…

NPM

Compatible with

Vue. Js 2.0+ is supported, Vue. Js 1.x is not supported

use

Rubik initialization

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

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

The introduction of CSS

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