libin1991 / rizuui

Vue 组件库

RizuUI

A cool UI Toolkit with Vue.js

still working...

Doc

• English
• 中文

Features

• npm + webpack + vue2
• es2015 + less

Components

• Animation
• Button
• Card
• Navigation
• Hint

Install

NPM

npm install rizu-ui --save

CDN

<script src="//vuejs.org/js/vue.min.js"></script>
<link rel="stylesheet" type="text/css" href="//unpkg.com/dist/styles/rizuui.css">
<script type="text/javascript" src="//unpkg.com/rizu-ui/dist/rizuui.min.js"></script>

Usage

Import all

import { RizuUI } from 'rizu-ui';
import 'rizu-ui/dist/styles/rizuui.css'

Vue.use(RizuUI);

Import components

import { component } from 'rizu-ui'
Vue.component(component.name, component);

When import components you should also import css file.

Use components

<template>
    <Button type='gh'></Button>
</template>
<script>
  export default {
  }
</script>

Thanks

• iView
• vue-loading
• RadonUI
• iver
• docsify

License

RizuUI is licensed under MIT