修改图片

src/views/co-ai/baseIndex.module.less

@@ -182,17 +182,16 @@
     position: relative;
     margin-bottom: 15px;
     width: 100%;
-    height: 170px;
+    // height: 144px;
     background-color: #edeff2;
     box-shadow: 0 5px 14px rgba(0, 0, 0, 0.4);
 
     img {
       width: 100%;
-      // height: 100%;
-      height: calc(100% * 161 / 128);
-      // position: absolute;
+      aspect-ratio: 53 / 75;
     }
 
+
     &::before {
       content: '';
       position: absolute;
@@ -214,6 +213,8 @@
       background-color: #e7e7e7;
       z-index: 2;
     }
+
+
   }
 
   .name {
@@ -269,7 +270,7 @@
   line-height: 1;
   // height: calc(100% * 161 / 128 - 20px);
   background-color: #edeff2;
-  background-image: url('./image/icon_default.svg');
+  background-image: url('../courseware-list/image/icon_default.svg');
   background-repeat: no-repeat;
   background-position: center center;
 

src/views/co-ai/baseIndex.tsx

@@ -8,7 +8,7 @@ import {
 } from 'vue';
 import styles from './baseIndex.module.less';
 import icon_back from './image/icon_back.svg';
-import { Button, Space, Tab, Tabs, showConfirmDialog } from 'vant';
+import { Button, Space, Tab, Tabs, showConfirmDialog, Image } from 'vant';
 import {
   api_lessonCoursewareFavoriteRemove,
   api_lessonCoursewareFavoriteSave
@@ -24,6 +24,7 @@ import { api_musicSheetCategoriesPage, api_musicTagTree } from './api';
 import queryString from 'query-string';
 import { useRect } from '@vant/use';
 import { nextTick } from 'process';
+import iconDefaultCo from './image/icon-default-co.png';
 
 export default defineComponent({
   name: 'baseIndex-list',
@@ -255,11 +256,13 @@ export default defineComponent({
                           class={[styles.cover, item.load ? styles.loaded : '']}
                           objectFit="cover"
                           src={item.coverImg}
+                          fallbackSrc={iconDefaultCo}
                           onLoad={() => {
                             item.load = true;
                           }}
                           onError={() => {
                             item.load = true;
+                            item.error = true;
                           }}
                         />
                       </div>

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

@@ -409,4 +409,4 @@
       color: #fff;
     }
   }
-}
+}