baili-ui
v1.0.7
Published
百利UI组件库
Downloads
7
Maintainers
Readme
交流反馈
欢迎加入我们的QQ群交流反馈:点此跳转
快速开始
注意:导入插件后,建议HBuilderX
重新运行项目,可能新导入的插件不能实时更新而导致不能运行。
使用方法
组件导入 uni_modules
后,直接在项目中使用,无需通过import引入组件。
<template>
<bl-icon name="baidu" size="30" color="#909399"></bl-icon>
</template>
扩展功能
bl-ui
内置了强大的工具函数、请求封装等,可以根据自身需求进行扩展配置,详情请查看扩展配置。
注意:只有扩展配置后才能在自己的项目页面中使用组件库内置方法和变量等。
组件列表
下表为 bl-ui
的扩展组件清单,点击每个组件点击下载&安装即可在详情页面导入组件到项目下,导入后建议重新运行即可直接使用,组件无需import和注册。
| 组件名 | 组件说明 | | --- | --- | | bl-skeletons | 新版骨架屏(推荐) | | bl-calendars | 新版日历(推荐) | | bl-drop-down | 下拉筛选 | | bl-scroll-list | 横向滚动列表 | | bl-vtabs | 垂直选项卡 | | bl-pick-color | 颜色选择器 | | bl-qrcode | 二维码 | | bl-waterfall | 瀑布流 | | bl-row | Layout 布局 | | bl-icon | 图标 | | bl-button | 按钮 | | bl-text | 文本 | | bl-link | 超链接 | | bl-image | 图片 | | bl-transition | 动画 | | bl-form | 表单 | | bl-input | 增强输入框 | | bl-textarea | 增强文本域 | | bl-checkbox | 复选框 | | bl-radio | 单选框 | | bl-switch | 开关选择器 | | bl-calendar | 日历 | | bl-picker | 选择器 | | bl-datetime-picker | 时间选择器 | | bl-code | 验证码倒计时 | | bl-keyboard | 键盘 | | bl-rate | 评分 | | bl-search | 多功能搜索框 | | bl-number-box | 步进器 | | bl-upload | 上传 | | bl-slider | 滑动选择器 | | bl-list | 列表 | | bl-index-list | 索引列表 | | bl-tags | 标签 | | bl-line-progress | 线形进度条 | | bl-badge | 徽标数 | | bl-count-down | 倒计时 | | bl-count-to | 数字滚动 | | bl-avatar | 头像 | | bl-skeleton | 骨架屏 | | bl-loading-icon | 加载动画 | | bl-loading-page | 加载页 | | bl-load-more | 加载更多 | | bl-empty | 内容为空 | | bl-tooltip | 长按提示 | | bl-alert | 警告提示 | | bl-toast | 消息提示 | | bl-notice-bar | 滚动通知 | | bl-notify | 消息提示 | | bl-no-network | 无网络提示 | | bl-popup | 弹出层 | | bl-modal | 模态框 | | bl-cell | 单元格 | | bl-swipe-action | 滑动单元格 | | bl-swiper | 轮播图 | | bl-collapse | 折叠面板 | | bl-grid | 宫格布局 | | bl-album | 相册 | | bl-tabbar | 底部导航栏 | | bl-back-top | 返回顶部 | | bl-navbar | 自定义导航栏 | | bl-action-sheet | 底部操作菜单 | | bl-tabs | 标签选项卡 | | bl-steps | 步骤条 | | bl-subsection | 分段器 | | bl-sticky | 吸顶 | | bl-parse | 富文本解析器 | | bl-overlay | 遮罩层 | | bl-code-input | 验证码输入 | | bl-read-more | 展开阅读更多 | | bl-line | 线条 | | bl-gap | 间隔槽 | | bl-divider | 分割线 |