文件上传

web/client/src/sections/quanju/containers/heand/index.js

@@ -27,13 +27,14 @@ const Header = (props) => {
             <div className={tabKey == "leadership" ? "tabKey-map" : "notabKey"} style={{ left: "23%", backgroundImage: "url(/assets/images/quanju/zuobeijing.png)", backgroundSize: "100% 100%" }} onClick={() => {
                 onClick("leadership")
             }}><a>领导驾驶舱</a></div>
+            <div className={tabKey == "leadership" ? "tabKey-map" : "notabKey"} style={{ left: "50%", transform: "translate(-50%, -50%)", width: "25%", minWidth: "420px", fontSize: "2.3vw", color: "#FFFFFF", fontFamily: "YouSheBiaoTiHei" }}>南昌县智慧交通监管系统</div>
             <div className={tabKey == "guanli" ? "tabKey-map" : "notabKey"} style={{ left: "65%", backgroundImage: "url(/assets/images/quanju/youbeijing.png)", backgroundSize: "100% 100%" }} onClick={() => {
                 onClick("guanli")
             }}><a>管理</a></div>
             <div className={tabKey == "operation" ? "tabKey-map" : "notabKey"} style={{ left: "76%", backgroundImage: "url(/assets/images/quanju/youbeijing.png)", backgroundSize: "100% 100%" }} onClick={() => {
                 onClick("operation")
             }}><a>运营</a></div>
-            <div style={{ color: "red", position: "absolute", left: "92%", top: "15px" }} onClick={() => dianji()}>南昌县运输交通总局</div>
+            <div style={{ cursor: "pointer", color: "#DBFAFF", position: "absolute", left: "90%", top: "15px", fontSize: "0.6vw", width: "10%", textAlign: "center" }} onClick={() => dianji()}>南昌县运输交通总局</div>
         </div>
     )
 }

web/client/src/sections/quanju/containers/heand/style.less

@@ -1,23 +1,23 @@
 .tabKey-map{
     width: 12%;
-    height: 45px;
+    height: 4.7vh;
     text-align: center;
     position: absolute;
-    top: 30px;
+    top: 3vh;
     a{
         color: #c3d4f5;
-        line-height: 45px;
+        line-height: 4.7vh;
     }
 }
 .notabKey{
     width:12%;
-    height: 45px;
+    height: 4.7vh;
     position: absolute;
-    top: 30px;
+    top: 3vh;
     text-align: center;
     a{
         color: #6593c6;
-        line-height: 45px;
+        line-height: 4.7vh;
     }
     
 }

web/client/src/sections/quanju/containers/public/module.js

@@ -5,11 +5,11 @@ const Module = (props) => {
     const { style, children, title } = props
     return (
         <>
-            <div style={{ width: style?.width || "100%", height: style?.height || "30%", backgroundColor: "#042263", marginTop: style?.marginTop || "0" }}>
+            <div style={{ width: style?.width || "100%", height: style?.height || "30%", backgroundColor: "rgba(0,33,98,0.8)", marginTop: style?.marginTop || "0" }}>
                 <div style={{ width: "100%", height: "40px"/* , backgroundColor: "#fff" */, position: "relative" }}>
                     {/* <p>{title || []}</p> */}
-                    <img src='/assets/images/quanju/icon.png' style={{ width: "4%", position: "absolute", left: "3%", top: "20%" }} />
+                    <img src='/assets/images/quanju/icon.png' style={{ width: "24px", position: "absolute", left: "3%", top: "15%" }} />
-                    <span style={{ position: "absolute", color: "#FFFFFF", fontSize: "24px", fontFamily: "YouSheBiaoTiHei", left: "8%" }}>{title || []}</span>
+                    <span style={{ position: "absolute", color: "#FFFFFF", fontSize: "24px", fontFamily: "YouSheBiaoTiHei", left: "10%" }}>{title || []}</span>
                     <img src='/assets/images/quanju/mokuaitou.png' style={{ width: "100%", height: "28px", position: "absolute", top: "12px" }} />
                 </div>
                 <div style={{ width: "100%", height: "70%" }}>