dezhou-screen/src/views/MainArea.vue
2023-09-08 16:35:41 +08:00

43 lines
853 B
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>