<!--
 * @FilePath: \wang-vue-worke:\demo\daping\src\views\demo\demo.vue
 * @Author: 王路平
 * @文件版本: V1.0.0
 * @Date: 2023-01-29 16:53:06
 * @Description: 
 * 
 * 版权信息         : 2023 by ${再登软件}, All Rights Reserved.
-->
<template>
      <div  :class="$style['container']">
        <div class="title">
      <h1>大屏可视化</h1>
      <dv-decoration-5 style="width: 100%; height: 100px"></dv-decoration-5>
    </div>

    <div class="content">
      <div class="content-top">
        <content></content>

      </div>
    </div>
      </div>


</template>

<script setup lang="ts">
import { getCurrentInstance, inject, onMounted, reactive, ref } from "vue";

import border1 from "@/components/borderBox/border1.vue";
import content from "./content.vue";
const a = ref(0);



// let echarts: any = inject("$echarts"); // 主要

</script>

<style module scoped>
.container {
  height: 100vh;
  width: 100vw;
  color: #20aec5;
  background-color: #100c2a;
}
</style>
<style scoped>
.title {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.title > h1 {
  font-size: 30px;
  position: absolute;
  top: 10px;
}
.content-top {
  /* width: 100%; */
  /* height: 50vh; */
  margin-top: -50px;
}
</style>
<style>
body {
  overflow: hidden !important;
  -ms-overflow-style: none; /* IE + Edge */
  scrollbar-width: none; /* Firefox */
}
::-webkit-scrollbar {
  display: none;
}
</style>
