EqualUI

文人灵魂深处必须是一个野蛮人。——芥川龙之介

https://equal-ui.github.io/Equal/

https://github.com/Equal-UI/Equal

Equal-UI：构建现代Vue 3应用的UI组件库

在开发现代Web应用时，一个简洁易用的UI组件库能够显著提升开发效率和用户体验。而Equal-UI正是一款专为Vue 3设计的现代化UI组件库，提供了丰富的组件和优雅的设计，帮助开发者快速构建高质量的用户界面。

什么是Equal-UI？

Equal-UI是一款基于Vue 3和TypeScript开发的开源UI组件库。它专注于提供轻量级、性能优越且可高度自定义的组件，适用于各种现代Web应用场景。

核心特性

1. Vue 3支持：专为Vue 3优化，充分利用Composition API和其他新特性。
2. 现代化设计：组件风格简洁优雅，遵循现代UI设计原则。
3. 高度可定制：支持主题定制，开发者可以轻松调整组件外观以满足需求。
4. 无依赖：尽量减少对第三方库的依赖，确保轻量级和高性能。
5. TypeScript支持：提供完善的类型定义，提升开发体验和代码质量。

快速开始

Equal-UI的安装与使用非常简单。以下是快速入门的步骤：

安装

使用npm或yarn安装Equal-UI：

npm install equal-vue
# 或者
yarn add equal-vue

引入

在Vue项目中引入Equal-UI：

import { createApp } from 'vue';
import Equal from 'equal-vue';
import 'equal-vue/dist/style.css';

const app = createApp(App);
app.use(Equal);
app.mount('#app');

使用组件

一旦完成安装，您可以在模板中直接使用Equal-UI的组件，例如：

<template>
  <div>
    <EqButton type="primary">点击我</EqButton>
    <EqInput placeholder="请输入内容" />
  </div>
</template>

提供的组件

Equal-UI提供了多种常用的UI组件，例如：

• 按钮（Button）：支持多种类型和尺寸的按钮。
• 输入框（Input）：包括文本框、密码框等。
• 复选框（Checkbox）和单选框（Radio）：用于选择和表单交互。
• 模态框（Modal）：支持弹出层的创建。
• 表单（Form）：提供表单验证和布局。

更多组件及其使用方法可以参考官方文档。

开发与贡献

Equal-UI是一个开源项目，欢迎开发者参与贡献。以下是参与步骤：

克隆仓库：

git clone https://github.com/Equal-UI/Equal.git

安装依赖并启动开发环境：

cd Equal
npm install
npm run dev

提交Pull Request，为社区做出贡献。