From 0b7865733542931c7c3fcf74febd30fe145af957 Mon Sep 17 00:00:00 2001
From: suerprisePlus <15810472099@163.com>
Date: 星期三, 12 六月 2024 09:38:18 +0800
Subject: [PATCH] 页面修改
---
src/views/homePage/index.vue | 67 +++++++++++++++++++++++++++++++++
1 files changed, 67 insertions(+), 0 deletions(-)
diff --git a/src/views/homePage/index.vue b/src/views/homePage/index.vue
new file mode 100644
index 0000000..ddd7f6c
--- /dev/null
+++ b/src/views/homePage/index.vue
@@ -0,0 +1,67 @@
+<template>
+ <div class="mapChart">
+ <div class="leftChart">
+ <div
+ :class="
+ $store.state.setScreenFlag ? 'leftContentActive' : 'leftContent'
+ "
+ >
+ <map-chart></map-chart></div>
+ <!-- -->
+ </div>
+ <div :class="$store.state.setScreenFlag ? 'rightMapActive' : 'rightMap'">
+ <map-view></map-view>
+ </div>
+ </div>
+</template>
+
+<script>
+import mapChart from "./../mapChart/index.vue";
+import mapView from "./../mapView/index.vue";
+export default {
+ components: {
+ mapChart,
+ mapView
+ },
+ mounted() {}
+};
+</script>
+
+<style>
+.mapChart {
+ width: 100%;
+ height: 100%;
+ display: flex;
+ overflow: hidden;
+}
+.leftChart {
+ flex: 1;
+ display: flex;
+ justify-content: center;
+}
+.leftContent {
+ width: 50%;
+ height: 100%;
+ transition: 1s ease-out;
+}
+.leftContentActive {
+ width: 100%;
+ height: 100%;
+ transition: 1s ease-out;
+
+}
+.rightMapActive {
+ width: 50%;
+ height: 100%;
+ transition: 1s ease-out;
+}
+.rightMap {
+ width: 0%;
+ height: 100%;
+ transition: 1s;
+}
+.chartHeader {
+ width: 100%;
+ height: 38px;
+}
+</style>
--
Gitblit v1.9.3