合并代码

src/views/book/courseware/preview/components/audio/Audio.vue

@@ -173,12 +173,13 @@ export default {
       column-gap: 12px;
 
       :deep .el-carousel {
+        display: flex;
         flex: 1;
-        max-height: 500px;
-        padding: 20% 13px;
+        align-items: center;
         background-color: #d9d9d9;
 
         &__container {
+          width: 50%;
           max-width: 500px;
           height: 100px;
           max-height: 500px;

src/views/book/courseware/preview/components/common/VideoPlay.vue

@@ -197,8 +197,6 @@ export default {
   .video-box {
     position: relative;
     display: flex;
-    width: 100%;
-    height: 100%;
     cursor: pointer;
 
     video {

src/views/book/courseware/preview/components/video/Video.vue

@@ -154,11 +154,12 @@ export default {
 
     .view_list {
       display: flex;
-      gap: 20px 32px;
+      flex-wrap: wrap;
+      gap: 20px 2%;
       width: 100%;
 
       > li {
-        width: 25%;
+        width: 23%;
       }
     }
 
@@ -169,16 +170,19 @@ export default {
       height: 100%;
 
       :deep .el-carousel {
+        display: flex;
         flex: 1;
+        align-items: center;
         width: 75%;
         background-color: #d9d9d9;
 
         &__container {
+          width: 100%;
           height: 100%;
           max-height: 500px;
           padding: 2px;
           margin: 0 auto;
-          overflow: auto;
+          overflow-y: auto;
         }
 
         &__item {