From 7acf7ad6948e3e952173a2551ea4a92a8ff56c35 Mon Sep 17 00:00:00 2001
From: suerprisePlus <15810472099@163.com>
Date: 星期四, 06 六月 2024 19:36:48 +0800
Subject: [PATCH] 1
---
src/views/mapChart/index.vue | 50 +++++++++++++++++++++++++++++++++++++++++---------
1 files changed, 41 insertions(+), 9 deletions(-)
diff --git a/src/views/mapChart/index.vue b/src/views/mapChart/index.vue
index 1785dfa..1a0ea48 100644
--- a/src/views/mapChart/index.vue
+++ b/src/views/mapChart/index.vue
@@ -1,17 +1,49 @@
<template>
- <div class="mapChart"></div>
+ <div class="mapChart">
+ <div class="chartHeader">
+ <chart-header></chart-header>
+ </div>
+ <div class="chartContent">
+ <div class="chartView">
+ <chart-view></chart-view>
+ </div>
+ </div>
+ </div>
</template>
<script>
+import chartHeader from "./chartHeader.vue";
+import chartView from "./../chartView/index.vue";
export default {
-
-}
+ components: {
+ chartHeader,
+ chartView
+ },
+ watch() {}
+};
</script>
-<style>
-.mapChart{
- width: 100%;
- height: 100%;
- background: skyblue;
+<style scoped>
+.mapChart {
+ width: 100%;
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+ overflow: hidden;
}
-</style>
\ No newline at end of file
+
+.mapChart .chartHeader {
+ width: 100%;
+ height: 38px;
+}
+.chartContent {
+ flex: 1;
+ position: relative;
+}
+.chartView {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+
+}
+</style>
--
Gitblit v1.9.3