更新记录

1.0.3(2025-02-27)

  • chore: 更新文档

1.0.2(2025-02-27)

  • chore: 更新文档

1.0.1(2025-02-27)

  • chore: 更新文档
查看更多

平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 4.52 app-vue app-uvue × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序 鸿蒙元服务
× × × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × ×

lime-ui

轻量级跨平台 UI 组件库,完美兼容 Uniapp/UniappX 生态
维护不易,遇到问题请通过交流群联系作者,感谢您的支持与理解!

🚀 快速开始

安装方式

  1. 插件市场安装
    插件市场 点击「试用」即可导入基础组件

  2. 授权说明

授权类型 包含内容 获取方式
免费使用 全部免费组件 插件市场直接试用
普通授权 全部免费组件 插件市场直接试用
源码授权 收费组件 + 原生组件源码 购买后联系作者

💡 小贴士:每份授权都是对项目持续维护的支持,衷心感谢开发者的认可!

📚 文档中心

访问完整文档获取详细使用说明:limex 文档中心

🆓 免费组件列表

持续更新中,如有未覆盖的组件需求可通过交流群提出
以下组件将随库自动导入(共 64 款):

组件名称 功能描述 兼容平台
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-svg 插件(原生付费组件,5元)

平台差异

平台 使用方案 费用状态
Uniapp X (App端) 需购买后使用自定义基座调试 💰 付费
Web/小程序等其他端 免费使用 SVG 方案 🆓 免费

免费使用方案

🔔 如果不需要lime-svg在lime-icon代码中注释掉即可

    // 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> -->

💰 增值组件

不定期更新增加

收费组件 (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

🔌 原生组件 (9 款)

组件名称 功能描述 平台兼容 价格
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

价格说明

  1. 支持两种购买方式:
    • 单独购买:单个组件授权
    • 源码授权包:¥299 获得所有原生组件源码(含持续更新)

🛠️ 技术支持

遇到问题请优先联系作者,点击本库的交流群或各个单独组件的群,即可联系。

⚙️ Vue2 兼容配置

main.js中添加:

// Vue2 项目需要添加
import Vue from 'vue'
import VueCompositionAPI from '@vue/composition-api'

Vue.use(VueCompositionAPI)

详细配置参考:composition-api 文档

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问