From 05d67701215a01e7415726fca9f48b66026ad52c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E5=85=88=E7=94=9F?= <zhangxiansheng@192.168.0.101>
Date: Tue, 18 Mar 2025 19:04:11 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E5=AE=8C=E5=96=84=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/common.scss                   |  2 ++
 src/views/hotel/components/video-box.vue | 12 ++++++------
 src/views/monitor/components/box-2.vue   | 10 +++-------
 3 files changed, 11 insertions(+), 13 deletions(-)

diff --git a/src/styles/common.scss b/src/styles/common.scss
index 4c685d3..42bf0a0 100644
--- a/src/styles/common.scss
+++ b/src/styles/common.scss
@@ -75,6 +75,8 @@
 .btn-prev:disabled,
 .btn-next,
 .btn-prev {
+  width: vw(40) !important;
+  height: vh(40) !important;
   color: #ffffff !important;
   background-color: #004dc2 !important;
 }
diff --git a/src/views/hotel/components/video-box.vue b/src/views/hotel/components/video-box.vue
index df23511..1ded173 100644
--- a/src/views/hotel/components/video-box.vue
+++ b/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;
diff --git a/src/views/monitor/components/box-2.vue b/src/views/monitor/components/box-2.vue
index 427456c..5f60be8 100644
--- a/src/views/monitor/components/box-2.vue
+++ b/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);