运营公交车辆卡片优化

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>

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 {
         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,14 +32,23 @@
     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;
@@ -47,6 +58,7 @@
             float: left;
             font-size: 10px;
         }
+
         h4 {
             margin-top: 3.6%;
             color: #fff;
@@ -58,6 +70,7 @@
             float: left;
             text-shadow: 0px 0px 8px #07B9FE;
         }
+
         h5 {
             margin-top: 4.2%;
             color: #fff;
@@ -71,6 +84,7 @@
         }
     }
 }
+
 .busVideo {
     width: 100%;
     overflow: hidden;