# 快速开始
轻量级组件库
# 安装与引入
组件库的安装与引入有两种种方式。推荐使用 npm 的安装方式,可以和 Webpack 以及其他 npm 生态很好地结合使用。
# 1. NPM
# 安装
npm install yi-ui
1
# 使用
import YIUI from 'yi-ui'
import 'yi-ui/dist/YIUI.css'
Vue.use(YIUI)
1
2
3
2
3
<u-link>click me</u-link>
<u-button type="primary">click me</u-button>
1
2
2
# 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>
1
2
3
4
2
3
4
# 组件列表列表
- 基础组件
- 表单组件
- 实用组件
- 弹出框组件