no message

src/components/HeaderDiv/index.vue

@@ -120,7 +120,7 @@ export default {
 .header {
     background: url("../../assets/images/top@2x.png") no-repeat;
     background-size: 100% 100%;
-    max-height: 5.2rem;
+    max-height: 5vh;
     position: relative;
     z-index: 1;
     .headertitle {

src/views/new/index.vue

@@ -2,7 +2,7 @@
 <div style="width:100%;height:100%;position:relative">
   <headerdiv ref="headerDiv" :currentindexP = currentindexNew></headerdiv>
   <div style="display: inline-flex;">
-  <div style="width:25vw;height:100%;">
+  <div style="width:25vw;height:95vh;">
        <div style="width:100%">
        <div class="publicTitle" style="margin-top:0.5rem">
                 <img src="../../assets/images/icon.png" style="width:1.8rem;height:1.8rem;margin-top:0.3rem"/>
@@ -37,7 +37,7 @@
             </div>
         </div>
 
-         <div id='yjchart' style="width:45rem;height:30rem;margin-top:5rem"></div>
+         <div id='yjchart' style="width:45rem;height:25rem;margin-top:0.5rem"></div>
          <div class="publicTitle" style="margin-top:0.5rem">
                 <img src="../../assets/images/icon.png" style="width:1.8rem;height:1.8rem;margin-top:0.3rem"/>
                 <div style="font-size:1.6rem;font-family: Adobe Heiti Std;font-weight: normal;color: #DFEEF3;margin-left:0.5rem">站点预警量</div>
@@ -48,12 +48,38 @@
        </div>
   </div>
 
-  <div style="width:50vw;height:100%;">
+  <div style="width:50vw;height:95vh;">
            <div class="publicTitle2" style="margin-top:1.5rem">
                    <img src="../../assets/images/icon.png" style="width:1.8rem;height:1.8rem;margin-top:0.3rem"/>
                    <div style="font-size:1.6rem;font-family: Adobe Heiti Std;font-weight: normal;color: #DFEEF3;margin-left:0.5rem">治理对比展示</div>
            </div>
           
+
+          <div class="block" style="height:25vh">
+                        <el-carousel trigger="click" height="25vh">
+                        <el-carousel-item v-for="item in 4" :key="item">
+                               <div style="display:flex;flex-direction:row;padding-top:1rem">
+                                        <div> 
+                                               <img src='http://localhost/dev/profile/upload/2022/08/11/62a175ea-e0f2-4875-b520-3356c0bdab49.jpg' class="imgClass"/>
+                                        </div> 
+                                        <div style="padding-top:5rem;margin-left:3rem">
+                                                <div style="display:flex;flex-direction:row"> 
+                                                       <div><i class="el-icon-caret-left" style="color:#30FFE7;font-size: 2.4rem"></i></div>
+                                                       <div class='fontType'>治理前</div>
+                                                </div>
+                                                <div style="margin-top:3rem;display:flex;flex-direction:row">
+                                                       <div class='fontType'>治理后</div>
+                                                       <div><i class="el-icon-caret-right" style="color:#30FFE7;font-size: 2.4rem"></i></div>
+                                                </div>
+                                        </div>  
+                                        <div style="margin-left:3rem">
+                                               <img src='http://localhost/dev/profile/upload/2022/08/11/62a175ea-e0f2-4875-b520-3356c0bdab49.jpg' class="imgClass"/>
+                                        </div>
+                               </div>
+                        </el-carousel-item>
+                        </el-carousel>
+          </div>
+
            <div style="width:100%;display:flex;flex-direction: row;">
                 <div style="width:50%">               
                         <div class="publicTitle" style="margin-top:0.5rem">
@@ -132,7 +158,7 @@
             </div>
   </div>
 
-  <div style="width:25vw;height:100%;">
+  <div style="width:25vw;height:95vh;">
        <div style="width:100%;padding-left:1rem">
         <div class="publicTitle" style="margin-top:1.5rem">
            <img src="../../assets/images/icon.png" style="width:1.8rem;height:1.8rem;margin-top:0.3rem"/>
@@ -682,4 +708,18 @@ export default {
           height:28rem;
           padding-left:25rem
 }
+
+.imgClass{
+        width: 40rem;
+        height: 20rem;
+        border: 0.1rem solid #30FFE7;
+}
+
+.fontType{
+        font-size: 1.4rem;
+        font-family: Microsoft YaHei;
+        font-weight: 400;
+        color: #DFEEF3;
+        opacity: 0.8;
+}
 </style>