运营公交车辆卡片优化

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={{ 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={{ 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={{

web/client/src/sections/quanju/containers/footer/operation/style.less

@@ -3,11 +3,13 @@
     height: 96%;
     overflow-x: hidden;
     overflow-y: auto;
-	.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected{
+
+    .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;
@@ -30,39 +32,50 @@
     border-radius: 1px
 }
 
+//
+.carCard {
+    background-image: url(/assets/images/leadership/beijinglan.png);
+    background-size: cover;
+    margin: 12px 0;
+    padding: 0 -4px;
+}
 
 //车辆视频监控样式
-.busInformation{
+.busInformation {
     width: 100%;
     overflow: hidden;
-	span{
+
+    span {
         width: 85%;
         height: 15%;
-		h3{
+
+        h3 {
             margin-top: 6%;
-			list-style:none;
+            list-style: none;
             margin-left: 4%;
             color: rgba(216, 240, 255, 1);
             display: block;
             float: left;
             font-size: 10px;
         }
-		h4{
+
+        h4 {
             margin-top: 3.6%;
             color: #fff;
             font-size: 24px;
-			list-style:none;
+            list-style: none;
             margin-left: 4%;
             font-family: "YouSheBiaoTiHei";
             display: block;
             float: left;
             text-shadow: 0px 0px 8px #07B9FE;
         }
-		h5{
+
+        h5 {
             margin-top: 4.2%;
             color: #fff;
             font-size: 20px;
-			list-style:none;
+            list-style: none;
             margin-left: 5%;
             font-family: "YouSheBiaoTiHei";
             display: block;
@@ -71,7 +84,8 @@
         }
     }
 }
-.busVideo{
+
+.busVideo {
     width: 100%;
     overflow: hidden;
     margin-bottom: 2%;