update

src/modules/course/views/CourseIndex.vue

 <script setup lang="ts">
 import CourseListSearch from '../components/CourseListSearch.vue'
 import CourseListItem from '../components/CourseListItem.vue'
+import CourseView from './CourseView.vue'
 import type { CourseListParamsType, CourseListItemType } from '../types'
 import { getCourseList } from '../api'
 import { useUserStore } from '@/stores/user'
@@ -47,13 +48,16 @@ log.upload({
 
 <template>
   <section class="course" :class="route.path === '/course' ? 'is-list' : 'is-view'">
-    <div class="course-left">
+    <!-- <div class="course-left">
       <CourseListSearch @change="handleSearch"></CourseListSearch>
       <div class="course-list">
         <CourseListItem v-for="item in courseList" :data="item" :key="item.id" @change="fetchList"></CourseListItem>
       </div>
+    </div> -->
+    <!-- <div class="course-right"><router-view :key="$route.fullPath"></router-view></div> -->
+    <div class="course-right">
+      <CourseView v-for="item in courseList" :data="item" :key="item.id"></CourseView>
     </div>
-    <div class="course-right"><router-view :key="$route.fullPath"></router-view></div>
   </section>
 </template>
 
@@ -76,8 +80,11 @@ log.upload({
 // 右侧
 .course-right {
   flex: 1;
-  overflow: hidden;
-  margin-left: 20px;
+  // overflow: hidden;
+  // background-color: #fff;
+  // margin-left: 20px;
+  border-radius: 10px;
+  height: fit-content;
 }
 .is-h5 {
   .course-left {