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 | 23 +++++++++++++++++++++--
1 files changed, 21 insertions(+), 2 deletions(-)
diff --git a/src/views/homePage/index.vue b/src/views/homePage/index.vue
index 2189204..ddd7f6c 100644
--- a/src/views/homePage/index.vue
+++ b/src/views/homePage/index.vue
@@ -1,7 +1,13 @@
<template>
<div class="mapChart">
<div class="leftChart">
- <map-chart></map-chart>
+ <div
+ :class="
+ $store.state.setScreenFlag ? 'leftContentActive' : 'leftContent'
+ "
+ >
+ <map-chart></map-chart></div>
+ <!-- -->
</div>
<div :class="$store.state.setScreenFlag ? 'rightMapActive' : 'rightMap'">
<map-view></map-view>
@@ -26,10 +32,23 @@
width: 100%;
height: 100%;
display: flex;
- overflow:hidden;
+ 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%;
--
Gitblit v1.9.3