# Lee-Ui

**Repository Path**: brandenli/lee-ui

## Basic Information

- **Project Name**: Lee-Ui
- **Description**: 根据对前端的爱好学习开发组件库，组件库代码编写涉及技术：Vue3 + Scss + Js，此代码仅供前端爱好者学习，切勿用作商用，不然我要收费了
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-11-07
- **Last Updated**: 2024-11-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

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

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

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

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

```bash
npm install kylin-lee-ui
```

## 使用方法

```js
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')
```

## 在组件中使用

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

## 文档和示例

[访问我的 Gitee 仓库](https://gitee.com/brandenli/lee-ui)

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

## 组件列表

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

## 持续更新

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