From 8bbe49adbb244beae7d73d67841a4ef092979c15 Mon Sep 17 00:00:00 2001
From: "gao.zhiyuan" <gao.zhiyuan@free-sun.com.cn>
Date: Tue, 8 Aug 2023 11:18:16 +0800
Subject: [PATCH] =?UTF-8?q?=E8=BF=90=E8=90=A5=E5=85=AC=E4=BA=A4=E8=BD=A6?=
 =?UTF-8?q?=E8=BE=86=E5=8D=A1=E7=89=87=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../containers/footer/operation/right.js      |   6 +-
 .../containers/footer/operation/style.less    | 136 ++++++++++--------
 2 files changed, 78 insertions(+), 64 deletions(-)

diff --git a/web/client/src/sections/quanju/containers/footer/operation/right.js b/web/client/src/sections/quanju/containers/footer/operation/right.js
index 4bbd5c84..2a91fbc5 100644
--- a/web/client/src/sections/quanju/containers/footer/operation/right.js
+++ b/web/client/src/sections/quanju/containers/footer/operation/right.js
@@ -56,7 +56,7 @@ const Right = ({ busRunTime }) => {
     const style = { height: "97%", marginTop: "3%" }
     const carouselContent = busRunTimeList.map((d, index) => {
         return (
-            <div key={index} style={{ width: '100%', height: '40%' }}>
+            <div key={index} style={{ width: '100%', height: '40%' }} className='carCard'>
                 <div className='busInformation'>
                     <img src='/assets/images/quanju/theBus.png' style={{ width: '15%', display: 'block', float: 'left' }} />
                     <span>
@@ -85,8 +85,8 @@ const Right = ({ busRunTime }) => {
                 // title={"车辆视频监控"}
                 title={"公交运营信息"}
             >
-                <div style={{ width: '90%', height: '96%', margin: '2% 5%', overflow: 'hidden' }}>
-                    <div style={{ border: '1px solid rgba(10, 114, 255, 1)', backgroundColor: 'rgba(10, 114, 255, 0.1)' }}>
+                <div style={{ width: '90%', height: '96%', margin: '2% 5%', overflow: 'hidden' }} >
+                    <div style={{ border: '1px solid rgba(10, 114, 255, 1)', backgroundColor: 'rgba(10, 114, 255, 0.1)' }} >
                         <img src='/assets/images/quanju/search.png' style={{ width: '5%', margin: '0 1.5% 1% 3.5%' }} />
                         <Input
                             style={{
diff --git a/web/client/src/sections/quanju/containers/footer/operation/style.less b/web/client/src/sections/quanju/containers/footer/operation/style.less
index c81ed984..0d823550 100644
--- a/web/client/src/sections/quanju/containers/footer/operation/style.less
+++ b/web/client/src/sections/quanju/containers/footer/operation/style.less
@@ -1,78 +1,92 @@
 .busList {
-	width: 100%;
-	height: 96%;
-	overflow-x: hidden;
+    width: 100%;
+    height: 96%;
+    overflow-x: hidden;
     overflow-y: auto;
-	.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected{
-		background: none;
-		background-color: none !important; 
-		border: 1px solid rgba(10, 114, 255, 1);
-	}
-	.ant-tree .ant-tree-node-content-wrapper:hover {
-		background-color: none;
-		background: none;
-		// border: 1px solid rgba(10, 114, 255, 1);
-	}
-	
+
+    .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
+        background: none;
+        background-color: none !important;
+        border: 1px solid rgba(10, 114, 255, 1);
+    }
+
+    .ant-tree .ant-tree-node-content-wrapper:hover {
+        background-color: none;
+        background: none;
+        // border: 1px solid rgba(10, 114, 255, 1);
+    }
+
 }
 
 .busList::-webkit-scrollbar-track {
-	background-color: rgba(3, 60, 158, 0.3);
-	border-radius: 1px
+    background-color: rgba(3, 60, 158, 0.3);
+    border-radius: 1px
 }
 
 .busList::-webkit-scrollbar {
-	width: 5px;
+    width: 5px;
 }
 
 .busList::-webkit-scrollbar-thumb {
-	background-color: rgba(28, 96, 254, 1);
-	border-radius: 1px
+    background-color: rgba(28, 96, 254, 1);
+    border-radius: 1px
 }
 
+//
+.carCard {
+    background-image: url(/assets/images/leadership/beijinglan.png);
+    background-size: cover;
+    margin: 12px 0;
+    padding: 0 -4px;
+}
 
 //车辆视频监控样式
-.busInformation{
-	width: 100%;
-	overflow: hidden;
-	span{
-		width: 85%;
-		height: 15%;
-		h3{
-			margin-top: 6%;
-			list-style:none;
-			margin-left: 4%;
-			color: rgba(216, 240, 255, 1);
-			display: block;
-			float: left;
-			font-size: 10px;
-		}
-		h4{
-			margin-top: 3.6%;
-			color: #fff;
-			font-size: 24px;
-			list-style:none;
-			margin-left: 4%;
-			font-family: "YouSheBiaoTiHei";
-			display: block;
-			float: left;
-			text-shadow: 0px 0px 8px #07B9FE;
-		}
-		h5{
-			margin-top: 4.2%;
-			color: #fff;
-			font-size: 20px;
-			list-style:none;
-			margin-left: 5%;
-			font-family: "YouSheBiaoTiHei";
-			display: block;
-			float: left;
-			text-shadow: 0px 0px 8px #07B9FE;
-		}
-	}
+.busInformation {
+    width: 100%;
+    overflow: hidden;
+
+    span {
+        width: 85%;
+        height: 15%;
+
+        h3 {
+            margin-top: 6%;
+            list-style: none;
+            margin-left: 4%;
+            color: rgba(216, 240, 255, 1);
+            display: block;
+            float: left;
+            font-size: 10px;
+        }
+
+        h4 {
+            margin-top: 3.6%;
+            color: #fff;
+            font-size: 24px;
+            list-style: none;
+            margin-left: 4%;
+            font-family: "YouSheBiaoTiHei";
+            display: block;
+            float: left;
+            text-shadow: 0px 0px 8px #07B9FE;
+        }
+
+        h5 {
+            margin-top: 4.2%;
+            color: #fff;
+            font-size: 20px;
+            list-style: none;
+            margin-left: 5%;
+            font-family: "YouSheBiaoTiHei";
+            display: block;
+            float: left;
+            text-shadow: 0px 0px 8px #07B9FE;
+        }
+    }
 }
-.busVideo{
-	width: 100%;
-	overflow: hidden;
-	margin-bottom: 2%;
+
+.busVideo {
+    width: 100%;
+    overflow: hidden;
+    margin-bottom: 2%;
 }
\ No newline at end of file