主题
说明
轻量级跨平台 UI 组件库，完美兼容 Uniapp/UniappX 生态
提示
📦 组件使用提示
✔ 所有组件支持按需引入
⚠ 维护量大，难免出现错误，有问题及时反馈
📩 反馈问题：插件市场评论区 → 加入开发者交流群
🔖 最佳实践
▸ 保持HBX为最新版本，因为组件可能会使用最新特性
▸ 保持基础组件为最新版本
🚀 快速开始
安装方式
完整导入：
在 插件市场 点击「试用」按钮，一键集成基础组件库按需导入：
访问组件详情页 → 点击「导入」获取组件独立包
📦 推荐方案：基础组件库 + 按需加载特定组件
⚡ 优势：有利于改善强迫症患者焦虑
- 授权说明
| 授权类型 | 包含内容 | 获取方式 | 价格 |
|---|---|---|---|
| 免费使用 | 全部免费组件 | 插件市场直接试用 | 免费 |
| 普通授权 | 全部免费组件 | 插件市场直接试用 | ￥8（相当于打赏） |
| 源码授权 | 免费组件 + 收费组件 + 原生组件源码 | 购买后联系作者 | ￥299 |
💡 小贴士：每份授权都是对项目持续维护的支持，衷心感谢开发者的认可！
🆓 免费组件列表
持续更新中，如有未覆盖的组件需求可通过交流群提出
以下组件将随库自动导入（共 65 款）：
| 组件名称 | 功能描述 | 兼容平台 |
|---|---|---|
| lime-icon | 图标组件 | web/微信小程序/App |
| lime-button | 按钮组件 | web/微信小程序/App |
| lime-popup | 弹窗组件 | web/微信小程序/App |
| lime-resize | 监听元素尺寸 | web/微信小程序/App |
| lime-transition | 过渡动画 | web/微信小程序/App |
| lime-cell | 单元格 | web/微信小程序/App |
| lime-image | 图片组件 | web/微信小程序/App |
| lime-link | 超链接 | web/微信小程序/App |
| lime-space | 间距布局 | web/微信小程序/App |
| lime-cascader | 级联选择器 | web/微信小程序/App |
| lime-checkbox | 复选框 | web/微信小程序/App |
| lime-radio | 单选框 | web/微信小程序/App |
| lime-rate | 评分组件 | web/微信小程序/App |
| lime-search | 搜索框 | web/微信小程序/App |
| lime-slider | 滑动选择器 | web/微信小程序/App |
| lime-stepper | 步进器 | web/微信小程序/App |
| lime-switch | 开关组件 | web/微信小程序/App |
| lime-input | 输入框 | web/微信小程序/App |
| lime-textarea | 多行文本框 | web/微信小程序/App |
| lime-upload | 文件上传 | web/微信小程序/App |
| lime-picker | 选择器组件 | web/微信小程序/App |
| lime-date-time-picker | 时间选择器 | web/微信小程序/App |
| lime-area | 省市区选择 | web/微信小程序/App |
| lime-keyboard | 虚拟键盘 | web/微信小程序/App |
| lime-code-input | 验证码输入框 | web/微信小程序/App |
| lime-date-strip | 日期横条 | web/微信小程序/App |
| lime-daily-punch | 打卡签到 | web/微信小程序/App |
| lime-loading | 加载动画 | web/微信小程序/App |
| lime-load-more | 加载更多 | web/微信小程序/App |
| lime-dialog | 弹出对话框 | web/微信小程序/App |
| lime-overlay | 遮罩层 | web/微信小程序/App |
| lime-action-sheet | 动作面板 | web/微信小程序/App |
| lime-swipe-cell | 滑动单元格 | web/微信小程序/App |
| lime-sorter | 排序按钮 | web/微信小程序/App |
| lime-fab | 浮动按钮 | web/微信小程序/App |
| lime-floating-panel | 浮动面板 | web/微信小程序/App |
| lime-circle | 环形进度条 | web/微信小程序/App |
| lime-liquid | 水波进度球 | web/微信小程序/App |
| lime-collapse | 折叠面板 | web/微信小程序/App |
| lime-count-down | 倒计时组件 | web/微信小程序/App |
| lime-divider | 分割线 | web/微信小程序/App |
| lime-empty | 空状态提示 | web/微信小程序/App |
| lime-progress | 进度条 | web/微信小程序/App |
| lime-steps | 步骤条 | web/微信小程序/App |
| lime-tag | 标签组件 | web/微信小程序/App |
| lime-count-to | 数字滚动 | web/微信小程序/App |
| lime-badge | 徽标组件 | web/微信小程序/App |
| lime-avatar | 头像组件 | web/微信小程序/App |
| lime-watermark | 水印组件 | web/微信小程序/App |
| lime-highlight | 高亮文本 | web/微信小程序/App |
| lime-popover | 气泡弹出框 | web/微信小程序/App |
| lime-text-ellipsis | 文本省略 | web/微信小程序/App |
| lime-read-more | 查看更多 | web/微信小程序/App |
| lime-notice-bar | 通知栏 | web/微信小程序/App |
| lime-scroll-x | 横向滚动 | web/微信小程序/App |
| lime-dateformat | 日期格式化 | web/微信小程序/App |
| lime-sidebar | 侧边导航 | web/微信小程序/App |
| lime-tabbar | 标签栏 | web/微信小程序/App |
| lime-back-top | 回到顶部 | web/微信小程序/App |
| lime-navbar | 导航栏 | web/微信小程序/App |
| lime-segmented | 分段器 | web/微信小程序/App |
| lime-grid | 宫格布局 | web/微信小程序/App |
| lime-tabs | 标签页 | web/微信小程序/App |
| lime-pagination | 分页器 | web/微信小程序/App |
| lime-swiper-dot | 轮播图指示点 | web/微信小程序/App |
平台标识说明：
- 具体兼容性以组件详情页为准
💰 增值组件
不定期更新增加
收费组件 (10 款)
| 组件名称 | 功能描述 | 平台兼容 | 价格 |
|---|---|---|---|
| lime-svg | SVG 渲染核心 | web/微信小程序/App | ￥5 |
| lime-barcode | 条形码生成 | web/微信小程序/App | ￥99 |
| lime-qrcode | 二维码生成 | web/微信小程序/App | ￥99 |
| lime-calendar | 日历组件 | web/微信小程序/App | ￥20 |
| lime-arc-slider | 环形选择器 | web/微信小程序/App | ￥5 |
| lime-ruler | 尺子工具 | web/微信小程序/App | ￥20 |
| lime-clipper | 图片裁剪 | web/微信小程序/App | ￥50 |
| lime-dropdown-menu | 下拉菜单 | web/微信小程序/App | ￥10 |
| lime-tree | 树形控件 | web/微信小程序/App | ￥50 |
| lime-confetti | 彩纸特效 | web/微信小程序/App | ￥5 |
| lime-table | 表格 | web/微信小程序/App | ￥5 |
| lime-indexes | 索引 | web/微信小程序/App | ￥5 |
原生组件 (10 款)
| 组件名称 | 功能描述 | 平台兼容 | 价格 |
|---|---|---|---|
| lime-share | 文件分享 | iOS/Android | ￥68/99 |
| lime-call-logs | 通讯记录 | Android | ￥10/168 |
| lime-keyboard-utils | 隐藏键盘 | iOS/Android | ￥2/10 |
| lime-choose-file | 文件选择 | iOS/Android/web/微信小程序 | ￥15/88 |
| lime-scan | 扫码功能 | iOS/Android/web | ￥50/168 |
| lime-zip | 压缩解压 | iOS/Android | ￥68/268 |
| lime-pinyin | 汉字转拼音 | web/微信小程序/App | ￥28/299 |
| lime-pdf | PDF 预览 | iOS/Android | ￥50/168 |
| blur-view | 高斯模糊 | iOS/Android | ￥2/50 |
| blur-sqlite | 数据库 | iOS/Android | ￥25/168 |
价格说明
- 支持两种购买方式：
- 单独购买：单个组件授权
- 源码授权包：￥299 获得所有原生组件源码（含持续更新）
付费组件说明
本库坚持开源共享原则，绝大多数组件免费开放。少量付费组件收入将用于项目持续维护和技术支持，感谢理解与支持。
图标组件特别说明
使用LimeIcon组件时需注意：
核心依赖
组件依赖的 lime-svg插件 为原生付费组件（5元）平台差异
diff+ Uniapp X App端：需购买后使用自定义基座调试 + Web/小程序等非Uniapp X App端：可免费使用SVG方案免费使用
🔔 如果不需要lime-svg在lime-icon代码中注释掉即可html// lime-icon/components/l-icon.uvue 第4行 注释掉即可。 <!-- <l-svg class="l-icon" :class="classes" :style="styles" :color="color" :src="iconUrl" v-else :web="web" @error="imageError" @load="imageload" @click="$emit('click')"></l-svg> -->
Vue2 兼容方案
- 插件使用了
composition-api, 如果你希望在vue2中使用请按官方的教程vue-composition-api配置 - 关键代码是: 在main.js中 在vue2部分加上这一段即可
js
// vue2
import Vue from 'vue'
import VueCompositionAPI from '@vue/composition-api'
Vue.use(VueCompositionAPI)组件标识规范
为方便开发调试，我们采用标准化标签体系：
| 标签类型 | 命名规范 | 示例 | 作用说明 |
|---|---|---|---|
| 组件标签 | l-{component} | <l-image/> | 正式组件 |
| 演示标签 | lime-{component} | <lime-image/> | 组件使用示例 |
开发建议：参考演示标签的用法示例，实际开发使用正式组件标签
技术支持通道
遇到技术问题可通过以下方式获取支持：
- 📝 插件市场评论区留言
- 👥 评论区入口加入开发者交流群
文档维护说明：本指南将随版本迭代持续更新，建议定期查看最新版本说明。更新日志可通过插件市场页面查看。
捐助支持
如果您觉得组件库对您的开发工作有所帮助，欢迎通过下方二维码进行捐助。您的支持将助力项目持续优化与更新！
感谢您对开源项目的支持！💖
每一份捐助都将用于：
- 服务器与域名维护
- 组件库功能增强
- 开发者激励计划