Kylin-Lee-Ui 1.0 组件库发布说明

简介

Kylin-Lee-Ui 是一个基于 Vue、SCSS 和 JavaScript 的轻量级组件库，专为简化前端开发流程而设计。Lee-Ui 提供了一组简洁易用的 UI 组件，支持灵活的样式定制，确保适配多种项目需求。

主要特性

• 现代设计：提供直观简洁的设计样式，适合多种项目风格。
• 高可定制性：支持通过 SCSS 变量和参数自定义每个组件，便于灵活调整样式。
• 轻量级：减少不必要的依赖，提升加载和渲染性能。
• 易于集成：无缝集成到 Vue 项目中，开箱即用。

安装

可以通过以下命令将 Ui 集成到你的 Vue 项目中：

npm install kylin-lee-ui

使用方法

import Leeui from 'kylin-lee-ui'
import "kylin-lee-ui/style.css" // 需要导入样式
import App from './App.vue'
const app = createApp(App)
app.use(Leeui) // 使用插件
app.mount('#app')

在组件中使用

<lee-button type="primary">测试</lee-button>

文档和示例

访问我的 Gitee 仓库

目前作者工作忙，还未出详细的文档

组件列表

• 图标 ：利用fontawsome制作的svg图标。
• 按钮 ：样式丰富的按钮，支持不同大小和状态。
• 卡片 (Card)：用于展示信息的卡片，支持自定义内容和样式。
• 对话框 (Dialog)：弹出层组件，适用于提示和确认操作。
• 分页 (Pager)：分页组件，支持内容的分页显示。
• 折叠面板 (Collapse)：可折叠的面板，适合展示嵌套内容。
• 提示框 (Tooltip)：显示提示信息的浮动框，适用于鼠标悬停时显示。
• 下拉框 (Dropdown)：下拉选择组件，支持多种选择方式。
• 输入框 (Input)：通过鼠标或键盘输入字符。

持续更新

只要作者大大有时间，会一直更新的