From 2fb71ccddefeed2e291fde5fc0159e76d45169c7 Mon Sep 17 00:00:00 2001
From: sunmeng <1162067978@qq.com>
Date: Thu, 7 Nov 2024 14:39:29 +0800
Subject: [PATCH] 1

---
 src/views/videoLive.vue | 58 ++++++++++++++++++++++++-----------------
 1 file changed, 34 insertions(+), 24 deletions(-)

diff --git a/src/views/videoLive.vue b/src/views/videoLive.vue
index d6803bd..ef6b605 100644
--- a/src/views/videoLive.vue
+++ b/src/views/videoLive.vue
@@ -242,15 +242,15 @@ export default {
 </script>
 <style lang="scss" scoped>
 .videoLive {
-    width: 7.5rem;
+    width: 100vw;
     min-height: 100vh;
     background-color: #F5F6FA;
 
     .center {
 
         .video_live {
-            width: 7.5rem;
-            height: 9.7rem;
+            width: 100vw;
+            height:60vh;
 
             >img {
                 width: 100%;
@@ -264,15 +264,17 @@ export default {
 
         .skills {
             width: 100%;
+            height: 40vh;
             box-sizing: border-box;
-            padding: .61rem 0 0 .4rem;
+            // padding: .61rem 0 0 .4rem;
             display: flex;
-
+            align-items: center;
+            justify-content: space-between;
             .left {
-                width: 3.4rem;
-                height: 3.4rem;
+                width: 3rem;
+                height: 3rem;
                 position: relative;
-                margin-right: .6rem;
+                // margin-right: .6rem;
 
                 .left_arrow,
                 .right_arrow {
@@ -295,8 +297,9 @@ export default {
                     align-items: center;
                     justify-content: center;
                     position: absolute;
-                    top: 1.45rem;
-                    left: .29rem;
+                    top: 50%;
+                    transform: translateY(-50%);
+                    left: 8%;
                 }
 
                 .left_arrow_item_act {
@@ -308,8 +311,9 @@ export default {
                     align-items: center;
                     justify-content: center;
                     position: absolute;
-                    top: 1.45rem;
-                    left: .29rem;
+                    top: 50%;
+                    transform: translateY(-50%);
+                    left: 8%;
                 }
 
                 .left_arrow_item::after {
@@ -345,8 +349,9 @@ export default {
                     align-items: center;
                     justify-content: center;
                     position: absolute;
-                    top: 1.45rem;
-                    right: .29rem;
+                    top: 50%;
+                    transform: translateY(-50%);
+                    right: 8%;
                 }
 
                 .right_arrow_item_act {
@@ -358,8 +363,9 @@ export default {
                     align-items: center;
                     justify-content: center;
                     position: absolute;
-                    top: 1.45rem;
-                    right: .29rem;
+                    top: 50%;
+                    transform: translateY(-50%);
+                    right: 8%;
                 }
 
                 .right_arrow_item::after {
@@ -395,8 +401,9 @@ export default {
                     align-items: center;
                     justify-content: center;
                     position: absolute;
-                    top: .29rem;
-                    left: 1.46rem;
+                    top: 8%;
+                    left: 50%;
+                    transform: translateX(-50%);
                 }
 
                 .up_arrow_item_act {
@@ -408,8 +415,9 @@ export default {
                     align-items: center;
                     justify-content: center;
                     position: absolute;
-                    top: .29rem;
-                    left: 1.46rem;
+                    top: 8%;
+                    left: 50%;
+                    transform: translateX(-50%);
                 }
 
                 .up_arrow_item::after {
@@ -445,8 +453,9 @@ export default {
                     align-items: center;
                     justify-content: center;
                     position: absolute;
-                    bottom: .28rem;
-                    left: 1.46rem;
+                    bottom: 8%;
+                    left: 50%;
+                    transform: translateX(-50%);
                 }
 
                 .down_arrow_item_act {
@@ -458,8 +467,9 @@ export default {
                     align-items: center;
                     justify-content: center;
                     position: absolute;
-                    bottom: .28rem;
-                    left: 1.46rem;
+                    bottom: 8%;
+                    left: 50%;
+                    transform: translateX(-50%);
                 }
 
                 .down_arrow_item::after {