fall-ui

Fall-UI组件库

使用vue3.js

在线文档

https://ifjif.github.io/fall-ui-demo

github

https://github.com/ifjif/fall-ui

拥有的组件

• fl-anchor/FlAnchor
• fl-breadcrumb/FlBreadcrumb
• fl-breadcrumb-item/FlBreadcrumbItem
• fl-button/FlButton
• fl-checkbox/FlCheckbox
• fl-checkbox-group/FlCheckboxGroup
• fl-checkbox-all/FlCheckboxAll
• fl-date-picker/FlDatePicker
• fl-date-picker-panel/FlDatePickerPanel
• v-fl-tooltip(指令)
• FlDrawer(函数调用)
• fl-form/FlForm
• fl-form-item/FlFormItem
• fl-icon/FlIcon
• fl-input/FlInput
• fl-container/FlContainer
• fl-header/FlHeader
• fl-aside/FlAside
• fl-main/FlMain
• fl-footer/FlFooter
• fl-loading/FlLoading
• fl-mask/FlMask
• fl-menu/FlMenu
• FlMessage(函数调用)
• FlMessageBox(函数调用)
• fl-modal/FlModal
• fl-pagination/FlPagination
• fl-popconfirm/FlPopconfirm
• fl-popover/FlPopover
• fl-radio/FlRadio
• fl-radio-group/FlRadioGroup
• fl-row/FlRow
• fl-col/FlCol
• fl-scrollbar/FlScrollbar
• fl-switch/FlSwitch
• fl-table/FlTable
• fl-tabs/FlTabs
• fl-tab-pane/FlTabPane
• fl-textarea/FlTextarea
• fl-timeline/FlTimeline
• fl-tree/FlTree

使用

npm i fall-ui

//组件导入
import FallUI from 'fall-ui'
//icon导入
import FallIcon from 'fall-ui/icons'
//样式引入
import "fall-ui/themes/index.css"
//单个导入
import {FlButton} from 'fall-ui'

app.use(FallUI)

图标来源

https://www.iconfont.cn/collections/detail?cid=9402