78 lines
1.4 KiB
Vue
78 lines
1.4 KiB
Vue
|
<!--
|
||
|
|
* @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>
|