dezhou-screen/src/views/MainArea.vue

<!-- 
    filename: MainArea.vue
    author: liubin
    date: 2023-09-08 13:23:03
    description: 
-->

<template>
  <div class="main-area">
    <PressInfo />
    <BaseInfo />
    <RuntimeInfo />
  </div>
</template>

<script>
import BaseInfo from "@/components/yx-dark/widget/baseInfo/index.vue";
import PressInfo from "@/components/yx-dark/widget/pressInfo/index.vue";
import RuntimeInfo from "@/components/yx-dark/widget/runtimeInfo/index.vue";

export default {
  name: "MainArea",
  components: { BaseInfo, PressInfo, RuntimeInfo },
  props: {},
  data() {
    return {};
  },
  computed: {},
  methods: {},
};
</script>

<style scoped lang="scss">
.main-area {
  position: relative;
  background: url("../assets/main-area-bg.png") 40% 98% / 97% no-repeat;
  display: flex;
  justify-content: center;
  gap: 240px;
  padding-top: 96px;
}
</style>