RizuUI - 一个基于 Vue2.0 的 UI 组件库

2,667 阅读1分钟
原文链接: github.com

A cool UI Toolkit with Vue.js

still working...

Doc

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

License

RizuUI is licensed under MIT