介绍
flyme-ui是一款前端UI组件库，为开发人员提供了丰富的基础组件，方便快捷地构建自己的项目。同时它也依赖了 Vue 和 Element-UI，所以使用时需要事先引入它们。
安装
在命令行中输入以下命令来安装flyme-ui：
npm install flyme-ui
安装完成后，在 Vue 项目中通过 import 引入需要使用的组件：
import { Button, Input } from 'flyme-ui'使用
下面以Button组件为例进行讲解。
基本用法
-- -------------------- ---- -------
----------
-----
------- ----------------------------
---------------------
------- ----------------------------
------- ----------------------------
------- ---------------------------
------
-----------
--------
------ - ------ - ---- ----------
------ ------- -
----------- -
------
-
-
---------属性
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| type | string | 'default' | 按钮类型，可选值为 'primary'、'success'、'warning'、'danger' |
| size | string | 'medium' | 按钮大小，可选值为 'small'、'medium'、'large' |
| icon | string | 无 | 按钮图标 |
| disabled | boolean | false | 是否禁用 |
事件
| 事件名 | 说明 | 回调参数 |
|---|---|---|
| click | 点击按钮触发事件 | Event |
插槽
| 插槽名称 | 说明 |
|---|---|
| default | 按钮文本 |
总结
flyme-ui提供了丰富的基础组件，方便快捷地构建自己的项目。在使用时，需要事先引入 Vue 和 Element-UI，并通过 npm 安装组件库。使用时只需要通过 import 引入需要的组件即可，同时还可以设置组件属性、监听组件事件和使用组件插槽。同时，在开发中也可以通过源码进行深度定制和二次开发，以满足特定项目的需求。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055ae781e8991b448d88bc