# koi-screen-plus

**Repository Path**: sdwl_git/koi-screen-plus

## Basic Information

- **Project Name**: koi-screen-plus
- **Description**: vue3版本数据大屏模板
- **Primary Language**: Java
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 27
- **Created**: 2023-09-22
- **Last Updated**: 2023-09-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# koi-screen-plus

## 介绍
vue3版本数据大屏模板

## 软件架构
软件架构说明：使用Vue3+Ts+Vite+DataV+ElementPlus+SASS

## 项目截图
<table>
    <tr>
        <td><img src="https://koi-fish.oss-cn-beijing.aliyuncs.com/koi/screen/images/vue3.png"/></td>
    </tr>
</table>

## 安装教程
1. 下载依赖包：npm install
2. 启动项目：npm run dev
3. Axios配置：路径src/axios/index.ts，api文件夹里面有接口调用示例。
4. vue2版本和vue3版本可嵌入管理平台首页并自适应
## 使用说明
1. Vue2版本码云：https://gitee.com/BigCatHome/koi-screen
2. 演示地址（vue2和vue3版本）：http://www.koi-screen.online/#/
3. 响应式自适应不同分辨率的屏幕，通过百分比+ElementPlus的布局方式进行配置
4. 详细文档看vue2码云地址的详细说明，vue3码云文档不在进行详细介绍
## QQ群交流
<table>
    <tr>
        <td><img src="https://koi-fish.oss-cn-beijing.aliyuncs.com/koi/screen/images/QQ.JPG"/></td>
        <td><img src="https://koi-fish.oss-cn-beijing.aliyuncs.com/koi/screen/images/QQ.JPG"/></td>
    </tr>
</table>