From 530a78a71da4567e759e268047e4b46cb9082cca Mon Sep 17 00:00:00 2001
From: guanqb <18720758508@163.com>
Date: Fri, 10 Mar 2023 09:35:28 +0800
Subject: [PATCH] 统计页面添加布局
---
src/views/statistics/index.vue | 30 +++++++++++++++++++++++++++++-
1 files changed, 29 insertions(+), 1 deletions(-)
diff --git a/src/views/statistics/index.vue b/src/views/statistics/index.vue
index b792515..febb64a 100644
--- a/src/views/statistics/index.vue
+++ b/src/views/statistics/index.vue
@@ -1,12 +1,18 @@
<template>
<div class="container">
- 'statistics'
+ <left-container class="left-container"></left-container>
+ <right-container class="right-container"></right-container>
</div>
</template>
<script>
+import leftContainer from './components/leftContainer'
+import rightContainer from './components/rightContainer'
+
export default {
name: 'statistics',
+ components:{leftContainer,rightContainer},
+
data(){
return {
@@ -20,6 +26,28 @@
<style scoped lang="scss">
.container {
position: relative;
+ width: 100%;
+ .left-container {
+ display: flex;
+ flex-direction: column;
+ position: absolute;
+ top: 60px;
+ left: 0;
+ width: 400px;
+ height: calc(100vh - 60px);
+ z-index: 90;
+ }
+
+ .right-container {
+ display: flex;
+ flex-direction: column;
+ position: absolute;
+ top: 60px;
+ right: 0;
+ width: 400px;
+ height: calc(100vh - 60px);
+ z-index: 90;
+ }
}
</style>
\ No newline at end of file
--
Gitblit v1.9.3