diff --git a/src/pages/Container/Map/components/Content/IndexInfo/Bottom/index.less b/src/pages/Container/Map/components/Content/IndexInfo/Bottom/index.less
index ecfd8cc..c0e8e40 100644
--- a/src/pages/Container/Map/components/Content/IndexInfo/Bottom/index.less
+++ b/src/pages/Container/Map/components/Content/IndexInfo/Bottom/index.less
@@ -1,11 +1,11 @@
.index_info_container {
.bottom-container_con {
- width: 1350px;
+ flex: 1;
height: 240px;
- position: absolute;
- bottom: -1030px;
- left: 50%;
- transform: translateX(-50%);
+ padding: 20px;
+ box-sizing: border-box;
+ margin-top: 750px;
+
.top_container {
display: flex;
@@ -45,14 +45,14 @@
justify-content: space-between;
.left {
- width: 890px;
+ width: 850px;
background: rgba(0, 41, 82, 0.68);
border-radius: 4px;
border: 1px solid rgba(44, 105, 172, 0.6);
padding: 10px;
.main {
- width: 870px;
+ width: 830px;
height: 160px;
background-size: 100% 100%;
margin-top: 10px;
diff --git a/src/pages/Container/Map/components/Content/IndexInfo/LeftPanel/index.js b/src/pages/Container/Map/components/Content/IndexInfo/LeftPanel/index.js
index 39c3a83..781fad5 100644
--- a/src/pages/Container/Map/components/Content/IndexInfo/LeftPanel/index.js
+++ b/src/pages/Container/Map/components/Content/IndexInfo/LeftPanel/index.js
@@ -174,7 +174,7 @@ function LeftScreen() {
diff --git a/src/pages/Container/Map/components/Content/IndexInfo/LeftPanel/index.less b/src/pages/Container/Map/components/Content/IndexInfo/LeftPanel/index.less
index 2cce909..8d5e728 100644
--- a/src/pages/Container/Map/components/Content/IndexInfo/LeftPanel/index.less
+++ b/src/pages/Container/Map/components/Content/IndexInfo/LeftPanel/index.less
@@ -1,16 +1,10 @@
.index_info_container {
-
-
-
.left-container {
width: 400px;
- position: absolute;
- left: 20px;
- top: 60px;
- max-height: calc(100vh - 75px);
+ margin-top: 60px;
.left-container_bg{
- width: 600px;
+ width: 100%;
height: 100%;
background-size: 100% 100%;
position: fixed;
@@ -201,6 +195,7 @@
.block3 {
margin-top: 0;
border-radius: 4px;
+ width: 100%;
}
diff --git a/src/pages/Container/Map/components/Content/IndexInfo/RightPanel/index.less b/src/pages/Container/Map/components/Content/IndexInfo/RightPanel/index.less
index a4e2a29..e1720eb 100644
--- a/src/pages/Container/Map/components/Content/IndexInfo/RightPanel/index.less
+++ b/src/pages/Container/Map/components/Content/IndexInfo/RightPanel/index.less
@@ -12,10 +12,8 @@
}
.right-container {
width: 400px;
- position: absolute;
- right: 20px;
- top: 60px;
- max-height: calc(100vh - 75px);
+ margin-top: 60px;
+
.block1 {
diff --git a/src/pages/Container/Map/components/Content/IndexInfo/index.js b/src/pages/Container/Map/components/Content/IndexInfo/index.js
index 1927500..e920ee8 100644
--- a/src/pages/Container/Map/components/Content/IndexInfo/index.js
+++ b/src/pages/Container/Map/components/Content/IndexInfo/index.js
@@ -8,9 +8,11 @@ import "./index.less";
function IndexInfo(props) {
return (
diff --git a/src/pages/Container/Map/components/Content/IndexInfo/index.less b/src/pages/Container/Map/components/Content/IndexInfo/index.less
index 45f9741..5aaf471 100644
--- a/src/pages/Container/Map/components/Content/IndexInfo/index.less
+++ b/src/pages/Container/Map/components/Content/IndexInfo/index.less
@@ -1,5 +1,14 @@
.index_info_container {
overflow: hidden;
- width: 100%;
- height: 100%;
+
+
+ .index_info_con{
+ width: 100%;
+ height: 100%;
+ display: flex;
+ justify-content: space-between;
+ padding: 20px;
+ box-sizing: border-box;
+ overflow: hidden;
+ }
}