1

1

src/views/activity-record/detail.module.less

@@ -66,10 +66,12 @@
       border: 1px solid transparent;
       background-clip: padding-box, border-box;
       background-origin: padding-box, border-box;
-      background-image: linear-gradient(270deg,
+      background-image: linear-gradient(
+          270deg,
           #1dc2ff 0%,
           #0283ff 48%,
-          #0bb7fe 100%),
+          #0bb7fe 100%
+        ),
         linear-gradient(360deg, #d1fff6, #e5f8ff);
 
       margin: 0 auto;
@@ -138,9 +140,11 @@
         background-clip: padding-box, border-box;
         background-origin: padding-box, border-box;
         background-image: linear-gradient(270deg, #fff, #fff),
-          linear-gradient(180deg,
+          linear-gradient(
+            180deg,
             rgba(255, 255, 255, 1),
-            rgba(201, 227, 255, 1));
+            rgba(201, 227, 255, 1)
+          );
         margin-bottom: 20px;
 
         .programInfo {
@@ -172,9 +176,11 @@
             border-radius: 100px 0px 0px 100px;
             width: 247px;
             height: 25px;
-            background: linear-gradient(270deg,
-                rgba(255, 255, 255, 0),
-                rgba(255, 255, 255, 1));
+            background: linear-gradient(
+              270deg,
+              rgba(255, 255, 255, 0),
+              rgba(255, 255, 255, 1)
+            );
             display: flex;
             flex-direction: row;
             align-items: center;
@@ -345,8 +351,11 @@
                 }
 
                 video {
-                  width: 66px;
-                  height: 42px;
+                  // width: 66px;
+                  // height: 42px;
+                  width: 100%;
+                  height: 44px;
+                  object-fit: cover !important;
                 }
               }
             }
@@ -368,14 +377,18 @@
                 background-clip: padding-box, border-box;
                 background-origin: padding-box, border-box;
                 background-image: linear-gradient(225deg, #fff, #fff),
-                  linear-gradient(225deg,
+                  linear-gradient(
+                    225deg,
                     rgba(0, 98, 255, 1),
-                    rgba(46, 216, 255, 1));
+                    rgba(46, 216, 255, 1)
+                  );
 
                 &:not(.swiper-slide-thumb-active) {
-                  background-image: linear-gradient(225deg,
+                  background-image: linear-gradient(
+                      225deg,
                       transparent,
-                      transparent),
+                      transparent
+                    ),
                     linear-gradient(225deg, transparent, transparent);
                 }
               }
@@ -645,7 +658,6 @@
       padding-left: 18px;
 
       .trainTimer {
-
         &::before,
         &::after {
           display: none;
@@ -750,10 +762,12 @@
     .codeBtnText {
       margin: 20px auto 0;
       display: inline-block;
-      background: linear-gradient(132deg,
-          rgba(199, 239, 243, 0.25) 0%,
-          rgba(229, 206, 251, 0.25) 40%,
-          rgba(147, 194, 254, 0.25) 100%);
+      background: linear-gradient(
+        132deg,
+        rgba(199, 239, 243, 0.25) 0%,
+        rgba(229, 206, 251, 0.25) 40%,
+        rgba(147, 194, 254, 0.25) 100%
+      );
       box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.62);
       border-radius: 18px;
       padding: 6px 16px;
@@ -813,4 +827,4 @@
     color: #333333;
     line-height: 20px;
   }
-}
+}