quickstart.md

快速开始

轻量级组件库

安装与引入

组件库的安装与引入有两种种方式。推荐使用 npm 的安装方式，可以和 Webpack 以及其他 npm 生态很好地结合使用。

1. NPM

安装

npm install yi-ui

使用

import YIUI from 'yi-ui'
import 'yi-ui/dist/YIUI.css'
Vue.use(YIUI)

<u-link>click me</u-link>
<u-button type="primary">click me</u-button>

2. CDN

目前可以通过 unpkg.com/yi-ui 获取到最新版本的资源，在页面上引入 js 和 css 文件即可开始使用。

<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/browse/yi-ui/dist/YIUI.css">
<!-- 引入组件库 -->
<script src="https://unpkg.com/browse/yi-ui/dist/YIUI.umd.min.js"></script>

组件列表列表

• 基础组件
  • u-link
  • u-button
  • u-icon
  • u-layout
• 表单组件
  • u-input/textarea
  • u-select
  • u-switch
  • u-radios/radio
  • u-checkboxs/checkbox
  • u-form/u-form-item
• 实用组件
  • u-table/u-table-column
  • u-pagination
  • u-tabs/u-tab
  • u-crumb/u-crumb-item
• 弹出框组件
  • u-modal
  • u-toast
  • u-tooltip/u-popper

预览