npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

baili-ui

v1.0.7

Published

百利UI组件库

Downloads

29

Readme

star star star issues Website version license

交流反馈

欢迎加入我们的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 | 分割线 |