更新样式

src/views/courseList/index.module.less

@@ -30,6 +30,7 @@
       min-height: 140px;
       opacity: 0;
       transition: opacity .3s;
+      object-fit: cover;
     }
 
     :global {
@@ -184,6 +185,7 @@
     width: 100%;
     height: 100%;
     display: block;
+    object-fit: cover;
   }
 }
 
@@ -204,9 +206,11 @@
     z-index: 99;
   }
 }
-.periodItemModel{
+
+.periodItemModel {
   position: relative;
-  .periodTip{
+
+  .periodTip {
     position: absolute;
     left: -7px;
     top: 0;

src/views/coursewarePlay/component/video-item/index.tsx

@@ -2,9 +2,15 @@ import { defineComponent, nextTick, onMounted, reactive, render, toRefs, watch }
 import 'plyr/dist/plyr.css'
 import Plyr from 'plyr'
 import styles from './index.module.less'
-import iconSpeed from '../../image/video-speed.png'
 
-import { iconVideoBg, iconLoop, iconLoopActive, iconPlay, iconPause } from '../../image/icons.json'
+import {
+  iconVideoBg,
+  iconLoop,
+  iconLoopActive,
+  iconPlay,
+  iconPause,
+  iconSpeed
+} from '../../image/icons.json'
 import { Popup, Slider } from 'vant'
 import { useElementBounding } from '@vueuse/core'