# datav

**Repository Path**: cnovel/datav

## Basic Information

- **Project Name**: datav
- **Description**: 大屏组件.................
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-07-04
- **Last Updated**: 2025-11-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# e-icon-picker 图标选择组件

简洁大方的图标选择组件，专为 `element-plus`（已脱离依赖）和 `font-awesome`（可选）图标库设计，适用于各类 Vue 项目。

![示例图片](https://f.pz.al/pzal/2023/08/25/b08849bad57de.jpeg "示例图片")

![示例图片](https://f.pz.al/pzal/2023/08/25/1eb5b2cfd9882.png "示例图片")

欢迎 Star 支持项目发展：[项目地址](https://gitee.com/cnovel/e-icon-picker)

## 安装

推荐使用 npm 安装，便于与打包工具集成：

```bash
npm install e-icon-picker@next -S
```

> **注意：** 本组件已脱离对 `element-plus` 的依赖，无需额外安装。

## 快速使用

在 Vue 项目中引入组件并注册：

```js
import { createApp } from 'vue'
import App from './App.vue'
import eIconPicker from 'e-icon-picker'
import "e-icon-picker/icon/default-icon/symbol.js" // 基础彩色图标库
import 'e-icon-picker/index.css' // 基础样式
import 'font-awesome/css/font-awesome.min.css' // font-awesome 图标库

let app = createApp(App)
app.use(eIconPicker)
app.mount('#app')
```

## 使用方式

在模板中使用组件：

```html
<e-icon-picker v-model="icon" />
```

## 文档

更多详细使用说明请参考：
- [使用文档](http://e-icon-picker-ts.cnovel.top)

## 捐赠支持

开源项目维护不易，若您喜欢本项目，欢迎捐赠支持持续开发与维护。

![收款码](https://f.pz.al/pzal/2023/08/25/c258541523819.jpeg)

### 捐赠名单

- 莹 [柳叶筏](https://gitee.com/liuyefa)

## 相关项目推荐

作者还有其他开源项目，如 [novel](https://gitee.com/cnovel/Novel-api)，欢迎查看并给予 Star 支持！

## 演示图

查看组件在不同场景下的使用效果：

| 登录界面 | 首页 |
|---------|------|
| ![用户登录](https://raw.gitmirror.com/lizhen789/pic/main/test/202308241055743.png) | ![系统首页](https://raw.gitmirror.com/lizhen789/pic/main/test/202308241055484.png) |

| 用户管理 | 用户编辑 |
|---------|----------|
| ![用户管理](https://raw.gitmirror.com/lizhen789/pic/main/test/202308241055932.png) | ![用户编辑](https://raw.gitmirror.com/lizhen789/pic/main/test/202308241055644.png) |

| 角色管理 | 角色编辑 |
|---------|----------|
| ![角色管理](https://raw.gitmirror.com/lizhen789/pic/main/test/202308241055985.png) | ![角色编辑](https://raw.gitmirror.com/lizhen789/pic/main/test/202308241056529.png) |

更多界面截图请参见项目文档或访问演示页面。