feat:完善样式

src/views/hotel/components/video-box.vue

@@ -2,7 +2,7 @@
   <div class="video-box">
     <ul class="videos">
       <li class="video-item" v-for="item in 8" :key="item">
-        <img src="@/assets/images/four-t-1.png" alt="" />
+        <img src="@/assets/images/sxzd.png" alt="" />
         <p>
           <span>核心路段：这是一条信息说明</span>
         </p>
@@ -33,7 +33,7 @@
       .video-item {
         position: relative;
         width: vw(610);
-        height: vh(420);
+        height: vh(380);
         padding: vh(12) vw(12);
         box-sizing: border-box;
         background-image: url('@/assets/images/item-primary.png');
@@ -45,21 +45,21 @@
         > p {
           position: absolute;
           width: calc(100% - vw(24));
-          height: vh(32);
+          height: vh(40);
           bottom: vh(12);
           background: rgba(4, 30, 69, 0.72);
           > span {
-            padding-left: vw(10);
+            padding-left: vw(20);
             font-weight: 400;
             font-size: vw(14);
             color: #ffffff;
-            line-height: vh(32);
+            line-height: vh(40);
           }
         }
       }
     }
     .pagination-box {
-      margin-top: vh(10);
+      margin-top: vh(30);
       margin-right: vw(50);
       display: flex;
       justify-content: flex-end;

src/views/monitor/components/box-2.vue

@@ -633,13 +633,10 @@
     &-item {
       position: relative;
       width: vw(686);
-      height: vh(420);
-      padding: vw(10);
+      height: vh(380);
+      padding: vh(10) vw(10);
       background-image: url('/src/assets/images/item-primary.png');
       background-size: 100% 100%;
-      &:nth-child(3n) {
-        margin-right: 0;
-      }
       &:hover {
         .video-item__follow {
           display: block !important;
@@ -694,9 +691,8 @@
     }
     &-item__video {
       width: 100%;
-      height: vh(406);
+      height: vh(366);
       object-fit: cover;
-      // background-color: #000;
     }
     &-detail {
       margin-left: vw(10);