# Void-Report

**Repository Path**: void_2/void-report

## Basic Information

- **Project Name**: Void-Report
- **Description**: Void-Report：专注于数据收集与分析的开源项目，旨在为开发者提供高效、透明的数据报告工具，支持多平台和多种数据源。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-03-18
- **Last Updated**: 2026-03-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# void-report
 
> A reporting component for Vue3
 
## Installation
```bash
npm i void-report --save
```
 
 
## Usage
 
main.ts
```
// script
import { createApp } from 'vue';
import App from './App.vue';
import customReport from "void-report"
import "void-report/lib/style.css";//引入样式
const app = createApp(App);
app.use(customReport); //全局注册
app.mount('#app');
```
 
App.vue
 
```
<template>
  <div class="app-container">
    <customReport :config="config" />
  </div>
</template>
<script setup lang="ts">
import {ref} from "vue";
let config = ref({
  src:"", //视频
  poster: "", // 初始化占位图片
  volume: 20,//声音
  themeColor:"#19accc",//主体颜色
  activeColor:"red",//选中颜色
  width:"500px",//宽度
  height:"300px",//高度
})
</script>
```