# vue-screen-configuration

**Repository Path**: VLeeDesignTheory/vue-screen-configuration

## Basic Information

- **Project Name**: vue-screen-configuration
- **Description**: 一款基于Vue2的大屏自配置组件
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-08-16
- **Last Updated**: 2023-09-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<p align="center"><a href="https://gitee.com/VLeeDesignTheory/vue-screen-configuration.git" target="_blank" rel="noopener noreferrer"><img width="200" src="assets/logo.png" alt="logo"></a></p>

# vue-screen-configuration

> 一款基于Vue2的大屏自配置组件

<video autoplay="autoplay" poster="assets/screen.png" width="100%">
  <source src="assets/screen.mp4"/>
</video>

## 软件架构

## 设计指南

### 概览

### 原则

## 安装教程

1.  下载

```
npm install vue-screen-configuration
```

2.  引入

```js
import * as VueScreenConfiguration from 'vue-screen-configuration'

Object.keys(VueScreenConfiguration).forEach(key => {
  Vue.use(VueScreenConfiguration[`${key}`])
})
```

3.  使用

```vue
<template>
    
</template>

<script>
export default {
    data() {
        return {
            
        }
    }
}
</script>

<style></style>
```

## 组件说明

|组件|名称|备注|
|:-:|:-:|:-:|
||||

## 依赖说明

|依赖|依赖包|备注|
|:-:|:-:|:-:|
|vue|[vue 2.x](https://www.npmjs.com/package/vue)|基于vue2的运行时进行构建|
|ant-design-vue|[ant-design-vue 1.x](https://www.npmjs.com/package/ant-design-vue)|基于ant-design-vue的组件库进行构建，主题色修改等请参看主题说明|

## 参考文献

- [Vue 2.x官方文档](https://v2.cn.vuejs.org/)
- [Ant-Design-Vue 1.x官方文档](https://1x.antdv.com/docs/vue/introduce-cn/)
- [ECharts 5.x官方文档](https://echarts.apache.org/zh/index.html)

## 许可说明

[MIT](http://opensource.org/licenses/MIT)

Copyright (c) 2023-present Victor Lee