chenzhou/src/pages/DataPage.vue

<!-- 实时数据页面 -->
<script setup>
import HourChart from "../components/datapage/HourChart.vue";
import TeamChartDay from "../components/datapage/TeamChartDay.vue";
import TeamChartMonth from "../components/datapage/TeamChartMonth.vue";


</script>

<template>
  <div class="data-page">
    <HourChart />
    <TeamChartDay />
    <TeamChartMonth />
    <HourChart />
    <TeamChartDay />
    <TeamChartMonth />
  </div>
</template>

<style scoped>
.data-page {
  flex: 1;
  position: relative;
  background: #cccc;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 24px;
  padding: 32px;
  align-items: stretch;
}

/* 
:fullscreen .data-list {
  width: 35%;
  gap: 32px;
  padding: 32px 0;
  justify-content: space-around;
}

:fullscreen .data-list>div {
  flex: 1;
} */
</style>