瀏覽代碼

增加工信局大屏背景

zhongwei 3 月之前
父節點
當前提交
ae3d255178

+ 25 - 0
projects/src/main/webapp/asset/css/indexScreen.css

@@ -90,6 +90,29 @@ body {
   height: calc(50 / 1080 * calc(100vh));
   bottom: 0;
 }
+.border-contaier .img4 {
+  width: calc(580 / 1920 * calc(100vw));
+  height: calc(208 / 1080 * calc(100vh));
+  bottom: calc(22 / 1080 * calc(100vh));
+  left: calc(30 / 1920 * calc(100vw));
+}
+.border-contaier .img5 {
+  width: calc(580 / 1920 * calc(100vw));
+  height: calc(208 / 1080 * calc(100vh));
+  bottom: calc(22 / 1080 * calc(100vh));
+  right: calc(30 / 1920 * calc(100vw));
+}
+.border-contaier .bgc-center {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: calc(1650 / 1920 * calc(100vw));
+  height: calc(980 / 1080 * calc(100vh));
+  background-color: #0055de;
+  transform: translate(-50%, -50%);
+  border-radius: 8px;
+  filter: blur(200px);
+}
 .main {
   height: calc(763 / 1080 * calc(100vh));
   display: flex;
@@ -758,6 +781,8 @@ body {
   width: calc(170 / 1920 * calc(100vw));
   height: calc(135 / 1080 * calc(100vh));
   text-align: center;
+  position: relative;
+  z-index: 2;
 }
 .flooter .flooter-bottom .flooter-bottom-item .title {
   color: white;

二進制
projects/src/main/webapp/asset/images/static/left-bottom-img.png


二進制
projects/src/main/webapp/asset/images/static/right-bottom-img.png


+ 13 - 2
projects/src/main/webapp/vmodules/statics/analysisScreen_four.jsp

@@ -64,6 +64,9 @@
             <img class="img1" src="${WebSite.asset}/images/static/left-img.png" alt="">
             <img class="img2" src="${WebSite.asset}/images/static/right-img4.png" alt="">
             <img class="img3" src="${WebSite.asset}/images/static/bottom-img1.png" alt="">
+            <img  class="img4" src="${WebSite.asset}/images/static/left-bottom-img.png" alt="">
+            <img  class="img5" src="${WebSite.asset}/images/static/right-bottom-img.png" alt="">
+            <div class="bgc-center"></div>
         </div>
         <main class="main">
 
@@ -152,14 +155,14 @@
                             </div>
                             <div class="data-container">
                                 <div class="data-content">
-                                    <p class="data">9</p>
+                                    <p class="data">0</p>
                                     <p class="data-des">项目数(个)</p>
                                 </div>
                                 <img class="data-img" src="${WebSite.asset}/images/static/left-img2.png" alt="">
                             </div>
                             <div class="data-container">
                                 <div class="data-content">
-                                    <p class="data">37.28</p>
+                                    <p class="data">0</p>
                                     <p class="data-des">投资金额(亿元)</p>
                                 </div>
                                 <img class="data-img" src="${WebSite.asset}/images/static/left-img2.png" alt="">
@@ -922,6 +925,14 @@
             myChart3.resize();
             myChart4.resize();
             myChart5.resize();
+            var fontSize = window.innerWidth < 500 ? 12 : 20; // 根据窗口大小调整字体大小
+            myChart.setOption({
+                title: {
+                    textStyle: {
+                        fontSize: fontSize
+                    }
+                }
+            });
         });