修改

src/views/lessonCourseware/index.tsx

@@ -14,7 +14,7 @@ import {
   showToast,
   Toast
 } from 'vant'
-import { computed, defineComponent, onMounted, reactive, Transition } from 'vue'
+import { computed, defineComponent, onMounted, reactive, Transition, TransitionGroup } from 'vue'
 import styles from './index.module.less'
 import iconLook from './image/look.svg'
 import { useRoute, useRouter } from 'vue-router'
@@ -153,20 +153,19 @@ export default defineComponent({
             )
           }}
         </OHeader>
-        <Transition name="van-fade">
-          <div>
-            {!data.loading &&
-              Object.keys(data.list).map((key: any) => {
-                return (
-                  <CourseItem
-                    term={key}
-                    list={data.list[key]}
-                    onItemClick={(row) => handleClick(row)}
-                  />
-                )
-              })}
-          </div>
-        </Transition>
+        <TransitionGroup name="van-fade">
+          {!data.loading &&
+            Object.keys(data.list).map((key: any) => {
+              return (
+                <CourseItem
+                  key={key}
+                  term={key}
+                  list={data.list[key]}
+                  onItemClick={(row) => handleClick(row)}
+                />
+              )
+            })}
+        </TransitionGroup>
         {data.loading && <OLoading />}
 
         {!data.loading && !Object.values(data.list).length && <OEmpty tips="没有课件" />}