安装

本组件库采用模块化设计，所有组件支持按需导入。建议开发者根据实际需求选择引入所需组件，以获得最佳性能体验。若遇到运行时依赖缺失问题，请及时通过插件市场评论区进入交流群反馈。

版本提示：当前项目尚处于完善阶段，免费组件正在陆续整理中。完整整理后，将提供一键式全量导入功能

付费组件说明

本库坚持开源共享原则，绝大多数组件免费开放。少量付费组件收入将用于项目持续维护和技术支持，感谢理解与支持。

图标组件特别说明

使用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部分加上这一段即可

// vue2
import Vue from 'vue'
import VueCompositionAPI from '@vue/composition-api'
Vue.use(VueCompositionAPI)

组件标识规范

为方便开发调试，我们采用标准化标签体系：

标签类型	命名规范	示例	作用说明
组件标签	`l-{component}`	`<l-image/>`	正式组件
演示标签	`lime-{component}`	`<lime-image/>`	组件使用示例

开发建议：参考演示标签的用法示例，实际开发使用正式组件标签

技术支持通道

遇到技术问题可通过以下方式获取支持：

📝 插件市场评论区留言
👥 评论区入口加入开发者交流群

文档维护说明：本指南将随版本迭代持续更新，建议定期查看最新版本说明。更新日志可通过插件市场页面查看。

捐助支持

如果您觉得组件库对您的开发工作有所帮助，欢迎通过下方二维码进行捐助。您的支持将助力项目持续优化与更新！

感谢您对开源项目的支持！💖

每一份捐助都将用于：
服务器与域名维护
组件库功能增强
开发者激励计划

安装 ​

付费组件说明 ​

图标组件特别说明 ​

Vue2 兼容方案 ​

组件标识规范 ​

技术支持通道 ​

捐助支持 ​