修改

src/components/TheVip/index.tsx

@@ -27,6 +27,7 @@ export default defineComponent({
             if(state.vipFrom === "exercise") {
               postMessage({ api: 'back' });
             }
+            state.buyVipId = ''
           }}>取消</Button>
           <Button round type="primary" onClick={() => {
             gotoMemberCenter()

src/views/courseList/index.module.less

@@ -260,7 +260,7 @@
 }
 
 .btnGroup {
-  padding: 20px 25px calc(20px + env(safe-area-inset-bottom));
+  padding: 20px 25px 30px; // calc(20px + env(safe-area-inset-bottom));
   border-top: 1px solid #F2F2F2;
   background-color: #fff;
 }

src/views/coursewarePlay/index.tsx

@@ -55,7 +55,9 @@ export default defineComponent({
           handleStop();
         }
         if (value === "visible") {
-          // getDetail('visiable')
+          data.currentId = state.buyVipId || data.currentId;
+          getDetail('visible', data.currentId)
+          getRefLevel(data.currentId)
         }
       }
     );
@@ -1210,6 +1212,13 @@ export default defineComponent({
               if(data.currentId === item.id) {
                 return
               }
+
+              // 判断当前选择的课程类型是否开通
+              if(item.useStatus === "LOCK") {
+                handleShowVip(item.lessonCoursewareId, "LESSON")
+                return
+              }
+
               const n = await getDetail("", item.id);
               const s = await getRefLevel(item.id);
               

src/views/lessonCourseware/component/CourseItem/index.module.less

@@ -47,6 +47,7 @@
   margin: 20px 0 0 0;
   padding: 0 8px;
   width: 33.333%;
+  max-width: 126px;
 
   .cover {
     position: relative;