修改

src/views/courseware-play/index.module.less

@@ -133,6 +133,28 @@
   overflow: hidden;
   z-index: 1;
 
+  .memberLock {
+    position: absolute;
+    inset: 0;
+    background: linear-gradient(90deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.5) 53%, rgba(0, 0, 0, 0.05) 100%);
+    backdrop-filter: blur(4px);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+
+    .memberLockBg {
+      width: 303px;
+      height: 91px;
+      margin-bottom: 14px;
+    }
+
+    .selectIcon {
+      width: 137px;
+      height: 36px;
+    }
+  }
+
   .tempoPracticeGroup {
     width: 100%;
   }

src/views/courseware-play/index.tsx

@@ -1173,8 +1173,8 @@ export default defineComponent({
                       activeData.nowTime = Date.now();
                     }}>
                     <div class={styles.memberLock}>
-                      <img />
-                      <img />
+                      <img src={memberLockBg} class={styles.memberLockBg} />
+                      <img src={selectIcon} class={styles.selectIcon} />
                     </div>
                     {m.type === 'IMG' && <img src={m.content} />}
                     {m.type === 'PPT' && (