# FanUI

**Repository Path**: mixed-matches/FanUI

## Basic Information

- **Project Name**: FanUI
- **Description**: 组件库文档站点：https://mixdmatches.github.io/FanUI/。原仓库地址：https://github.com/mixdmatches/FanUI。项目由vitepress构建组件库文档。
- **Primary Language**: TypeScript
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: https://mixdmatches.github.io/FanUI/
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-04-27
- **Last Updated**: 2025-07-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: 组件库, Vue, TypeScript, Sass

## README

# 🎉 FanUI组件库 🎉

## 📋 特性

- 🌈 支持按需引入，减小打包体积
- 🛠 支持Vue3
- 📦 支持TypeScript
- 📖 文档查看
- 📦 开箱即用

## 🔗 地址链接

[文档地址](https://mixdmatches.github.io/FanUI/)

[github地址](https://github.com/mixdmatches/FanUI)

## 🌟 介绍

FanUI是一款基于Vue3的UI组件库，提供了丰富的组件和工具，帮助开发者快速构建用户界面。

## 🔧 安装

```bash
npm install @mixed_matches/fan-ui
```

```bash
pnpm install @mixed_matches/fan-ui
```

```bash
yarn add @mixed_matches/fan-ui
```

## 🛠 使用

1. 📦 全部导入

```typescript
import { createApp } from 'vue'
import App from './App.vue'

// 引入样式文件
import '@mixed_matches/fanui/es/style.css'
import FanUI from '@mixed_matches/fanui'

const app = createApp(App)
app.use(FanUI)
app.mount('#app')
```

2. 📥 按需导入

注意：按需导入也需要在main.ts中引入样式文件

```vue
<script setup lang="ts">
import { FButton } from '@mixed_matches/fanui'
</script>

<template>
  <f-button>按钮</f-button>
</template>
```