baili-ui
Version:
百利UI组件库
126 lines (104 loc) • 7.86 kB
Markdown
<p align="center">
<!-- <span> </span><img alt="logo" src="https://www.uvui.cn/common/logo.png" width="120" height="120"> -->
</p>
<h3 align="center">baili-ui</h3>
<h3 align="center">兼容vue3+2多平台快速开发的UI框架</h3>
[](https://gitee.com/climblee/bl-ui)
[](https://gitee.com/climblee/bl-ui)
[](https://github.com/climblee/bl-ui)
[](https://github.com/climblee/bl-ui/issues)
[](https://www.uvui.cn)
[](https://www.uvui.cn/components/changelog.html)
[](https://en.wikipedia.org/wiki/MIT_License)
## 交流反馈
欢迎加入我们的QQ群交流反馈：[点此跳转]()
## 快速开始
**注意：导入插件后，建议`HBuilderX`重新运行项目，可能新导入的插件不能实时更新而导致不能运行。**
## 使用方法
组件导入 `uni_modules` 后，直接在项目中使用，无需通过import引入组件。
```html
<template>
<bl-icon name="baidu" size="30" color="#909399"></bl-icon>
</template>
```
## 扩展功能
`bl-ui` 内置了强大的工具函数、请求封装等，可以根据自身需求进行扩展配置，详情请查看[扩展配置](https://www.uvui.cn/components/setting.html)。
**注意：只有[扩展配置](https://www.uvui.cn/components/setting.html)后才能在自己的项目页面中使用组件库内置方法和变量等**。
<div id="list"></div>
## 组件列表
下表为 `bl-ui` 的扩展组件清单，点击每个组件**点击下载&安装**即可在详情页面导入组件到项目下，导入后建议重新运行即可直接使用，组件无需import和注册。
| 组件名 | 组件说明 |
| --- | --- |
| bl-skeletons | [新版骨架屏（推荐）](https://www.uvui.cn/components/skeletons.html) |
| bl-calendars | [新版日历（推荐）](https://www.uvui.cn/components/calendars.html) |
| bl-drop-down | [下拉筛选](https://www.uvui.cn/components/dropDown.html) |
| bl-scroll-list | [横向滚动列表](https://www.uvui.cn/components/scrollList.html) |
| bl-vtabs | [垂直选项卡](https://www.uvui.cn/components/vtabs.html) |
| bl-pick-color | [颜色选择器](https://www.uvui.cn/components/pickColor.html) |
| bl-qrcode | [二维码](https://www.uvui.cn/components/qrcode.html) |
| bl-waterfall | [瀑布流](https://www.uvui.cn/components/waterfall.html) |
| bl-row | [Layout 布局](https://www.uvui.cn/components/layout.html) |
| bl-icon | [图标](https://www.uvui.cn/components/icon.html) |
| bl-button | [按钮](https://www.uvui.cn/components/button.html) |
| bl-text | [文本](https://www.uvui.cn/components/text.html) |
| bl-link | [超链接](https://www.uvui.cn/components/link.html) |
| bl-image | [图片](https://www.uvui.cn/components/image.html) |
| bl-transition | [动画](https://www.uvui.cn/components/transition.html) |
| bl-form | [表单](https://www.uvui.cn/components/form.html) |
| bl-input | [增强输入框](https://www.uvui.cn/components/input.html) |
| bl-textarea | [增强文本域](https://www.uvui.cn/components/textarea.html) |
| bl-checkbox | [复选框](https://www.uvui.cn/components/checkbox.html) |
| bl-radio | [单选框](https://www.uvui.cn/components/radio.html) |
| bl-switch | [开关选择器](https://www.uvui.cn/components/switch.html) |
| bl-calendar | [日历](https://www.uvui.cn/components/calendar.html) |
| bl-picker | [选择器](https://www.uvui.cn/components/picker.html) |
| bl-datetime-picker | [时间选择器](https://www.uvui.cn/components/datetimePicker.html) |
| bl-code | [验证码倒计时](https://www.uvui.cn/components/code.html) |
| bl-keyboard | [键盘](https://www.uvui.cn/components/keyboard.html) |
| bl-rate | [评分](https://www.uvui.cn/components/rate.html) |
| bl-search | [多功能搜索框](https://www.uvui.cn/components/search.html) |
| bl-number-box | [步进器](https://www.uvui.cn/components/numberBox.html) |
| bl-upload | [上传](https://www.uvui.cn/components/upload.html) |
| bl-slider | [滑动选择器](https://www.uvui.cn/components/slider.html) |
| bl-list | [列表](https://www.uvui.cn/components/list.html) |
| bl-index-list | [索引列表](https://www.uvui.cn/components/indexList.html) |
| bl-tags | [标签](https://www.uvui.cn/components/tag.html) |
| bl-line-progress | [线形进度条](https://www.uvui.cn/components/lineProgress.html) |
| bl-badge | [徽标数](https://www.uvui.cn/components/badge.html) |
| bl-count-down | [倒计时](https://www.uvui.cn/components/countDown.html) |
| bl-count-to | [数字滚动](https://www.uvui.cn/components/countTo.html) |
| bl-avatar | [头像](https://www.uvui.cn/components/avatar.html) |
| bl-skeleton | [骨架屏](https://www.uvui.cn/components/skeleton.html) |
| bl-loading-icon | [加载动画](https://www.uvui.cn/components/loadingIcon.html) |
| bl-loading-page | [加载页](https://www.uvui.cn/components/loadingPage.html) |
| bl-load-more | [加载更多](https://www.uvui.cn/components/loadMore.html) |
| bl-empty | [内容为空](https://www.uvui.cn/components/empty.html) |
| bl-tooltip | [长按提示](https://www.uvui.cn/components/tooltip.html) |
| bl-alert | [警告提示](https://www.uvui.cn/components/alert.html) |
| bl-toast | [消息提示](https://www.uvui.cn/components/toast.html) |
| bl-notice-bar | [滚动通知](https://www.uvui.cn/components/noticeBar.html) |
| bl-notify | [消息提示](https://www.uvui.cn/components/notify.html) |
| bl-no-network | [无网络提示](https://www.uvui.cn/components/noNetwork.html) |
| bl-popup | [弹出层](https://www.uvui.cn/components/popup.html) |
| bl-modal | [模态框](https://www.uvui.cn/components/modal.html) |
| bl-cell | [单元格](https://www.uvui.cn/components/cell.html) |
| bl-swipe-action | [滑动单元格](https://www.uvui.cn/components/swipeAction.html) |
| bl-swiper | [轮播图](https://www.uvui.cn/components/swiper.html) |
| bl-collapse | [折叠面板](https://www.uvui.cn/components/collapse.html) |
| bl-grid | [宫格布局](https://www.uvui.cn/components/grid.html) |
| bl-album | [相册](https://www.uvui.cn/components/album.html) |
| bl-tabbar | [底部导航栏](https://www.uvui.cn/components/tabbar.html) |
| bl-back-top | [返回顶部](https://www.uvui.cn/components/backTop.html) |
| bl-navbar | [自定义导航栏](https://www.uvui.cn/components/navbar.html) |
| bl-action-sheet | [底部操作菜单](https://www.uvui.cn/components/actionSheet.html) |
| bl-tabs | [标签选项卡](https://www.uvui.cn/components/tabs.html) |
| bl-steps | [步骤条](https://www.uvui.cn/components/steps.html) |
| bl-subsection | [分段器](https://www.uvui.cn/components/subsection.html) |
| bl-sticky | [吸顶](https://www.uvui.cn/components/sticky.html) |
| bl-parse | [富文本解析器](https://www.uvui.cn/components/parse.html) |
| bl-overlay | [遮罩层](https://www.uvui.cn/components/overlay.html) |
| bl-code-input | [验证码输入](https://www.uvui.cn/components/codeInput.html) |
| bl-read-more | [展开阅读更多](https://www.uvui.cn/components/readMore.html) |
| bl-line | [线条](https://www.uvui.cn/components/line.html) |
| bl-gap | [间隔槽](https://www.uvui.cn/components/gap.html) |
| bl-divider | [分割线](https://www.uvui.cn/components/divider.html) |