修改样式

src/views/houseSelfCollect/weightCheck.vue

@@ -11,14 +11,14 @@
       </el-col>
     </el-row>
     <div class="substance">
-
       <div class="left">
         <div class="top">
-          <div v-if="index==0" class="weight">{{weighingList.grossWeight}} <span>kg</span></div>
-          <div v-else class="weight">{{weighingList.tare}} <span>kg</span></div>
-          <div class="car-no">{{carWeightInfo.carNumber}}</div>
           <div class="car-type">{{carWeightInfo.type}}</div>
+          <div v-if="index==0" class="weight">{{weighingList.grossWeight}} <span class="kg-style">kg</span></div>
+          <div v-else class="weight">{{weighingList.tare}} <span class="kg-style">kg</span></div>
+          <div class="car-no">{{carWeightInfo.carNumber}}</div>
         </div>
+        <h2 class="bg-left titleup">实时监控</h2>
         <div class="bottom">
           <div class="video1">
             <img src="../../../public/img/quesheng@2x.png" alt="" class="img1" v-if="!video1Src">
@@ -707,18 +707,30 @@
 
     .left {
       width: 30%;
-      padding: 20px;
+      // padding:0 20px 20px 20px;
 
       .top {
         background: black;
-        color: #147505;
+        color: #2AFF7C;
         font-size: 32px;
         text-align: right;
         padding: 20px;
+        border-radius: 10px;
+        margin: 0 20px 20px 20px;
+        .car-type{
+          text-align: left;
+        }
+        .kg-style{
+          font-size: 30px;
+        }
       }
 
       .bottom {
         text-align: center;
+        background: white;
+        margin: 20px 20px 0 20px;
+        border-radius: 10px;
+        padding-bottom: 20px;
 
         .img1,
         .img2 {
@@ -737,6 +749,7 @@
       padding: 20px;
       background: white;
       margin-right: 20px;
+      border-radius: 10px;
 
       .tab {
         display: flex;