updates

src/modules/pay/components/Confirm.vue

@@ -134,7 +134,13 @@ const handlePrev = () => {
       <div class="con_tit">课程信息确认</div>
       <div class="con_pay">
         <div class="pay_course">
-          <img :src="shopItem?.image_url" alt="" />
+          <img
+            :src="
+              shopItem?.image_url ||
+              'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic1.win4000.com%2Fwallpaper%2Fb%2F56e7995e3501f.jpg&refer=http%3A%2F%2Fpic1.win4000.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1671671981&t=0eb627c761e6567a3a0a29163b31aac0'
+            "
+            alt=""
+          />
           <div class="course_info">
             <div class="info_tit">{{ shopItem?.title }}</div>
             <div class="info_range">

src/modules/shop/components/CourseCatalogH5.vue

@@ -27,7 +27,13 @@ const handleDetail = (item: any) => {
         :key="index"
         @click="handleDetail(item)"
       >
-        <img :src="item.image_url" alt="" />
+        <img
+          :src="
+            item.image_url ||
+            'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic1.win4000.com%2Fwallpaper%2Fb%2F56e7995e3501f.jpg&refer=http%3A%2F%2Fpic1.win4000.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1671671981&t=0eb627c761e6567a3a0a29163b31aac0'
+          "
+          alt=""
+        />
         <div class="list_info">
           <div class="tit">{{ item.title }}</div>
           <div class="hour">{{ item.course_hour }}</div>

src/modules/shop/components/CourseCatalogPC.vue

@@ -27,7 +27,13 @@ const handleDetail = (item: any) => {
         :key="index"
         @click="handleDetail(item)"
       >
-        <img :src="item.image_url" alt="" />
+        <img
+          :src="
+            item.image_url ||
+            'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic1.win4000.com%2Fwallpaper%2Fb%2F56e7995e3501f.jpg&refer=http%3A%2F%2Fpic1.win4000.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1671671981&t=0eb627c761e6567a3a0a29163b31aac0'
+          "
+          alt=""
+        />
         <div class="list_info">
           <div class="tit">{{ item.title }}</div>
           <div class="hour">{{ item.course_hour }}</div>

src/modules/shop/components/CourseListItem.vue

@@ -43,7 +43,13 @@ const handleBuy = (courseItem: any) => {
     <div class="tab_con">
       <div class="con_left" @click="handleDatail(courseItem?.id)">
         <div class="left_img">
-          <img :src="courseItem?.image_url" class="left_img" />
+          <img
+            :src="
+              courseItem?.image_url ||
+              'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic1.win4000.com%2Fwallpaper%2Fb%2F56e7995e3501f.jpg&refer=http%3A%2F%2Fpic1.win4000.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1671671981&t=0eb627c761e6567a3a0a29163b31aac0'
+            "
+            class="left_img"
+          />
         </div>
         <div class="left_type">{{ courseItem?.type }}</div>
       </div>

src/modules/shop/components/DetailBanner.vue

@@ -43,7 +43,7 @@ const handleBuyCourse = () => {
     <div class="banner_con">
       <img
         class="con_img"
-        src="https://img1.baidu.com/it/u=3009731526,373851691&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500"
+        src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic1.win4000.com%2Fwallpaper%2Fb%2F56e7995e3501f.jpg&refer=http%3A%2F%2Fpic1.win4000.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1671671981&t=0eb627c761e6567a3a0a29163b31aac0"
       />
       <template v-if="!mobile">
         <div class="con_info">

src/modules/shop/components/IncludeCourseCard.vue

@@ -21,7 +21,7 @@ defineProps({
           <img
             :src="
               item.image_url ||
-              'https://img1.baidu.com/it/u=3009731526,373851691&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500'
+              'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic1.win4000.com%2Fwallpaper%2Fb%2F56e7995e3501f.jpg&refer=http%3A%2F%2Fpic1.win4000.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1671671981&t=0eb627c761e6567a3a0a29163b31aac0'
             "
           />
           <div class="course_info">
@@ -38,122 +38,120 @@ defineProps({
 </template>
 
 <style lang="scss" scoped>
-.is-pc{
-
-.include_course {
-  background: #ffffff;
-  box-shadow: 0px 1px 18px rgba(0, 0, 0, 0.1);
-  border-radius: 15px;
-  margin-bottom: 20px;
-  .course_tit {
-    padding: 20px 0 17px 20px;
-    font-size: 18px;
-    font-weight: 500;
-    line-height: 34px;
-    color: #333333;
-  }
-  .course_card {
-    background: #f7f8fa;
-    box-sizing: border-box;
+.is-pc {
+  .include_course {
+    background: #ffffff;
+    box-shadow: 0px 1px 18px rgba(0, 0, 0, 0.1);
     border-radius: 15px;
-    padding: 36px 200px 36px 36px;
-    box-sizing: border-box;
-
-    border-radius: 0.12rem;
-    .card_course {
-      display: flex;
-      background: #ffffff;
-      padding: 19px;
+    margin-bottom: 20px;
+    .course_tit {
+      padding: 20px 0 17px 20px;
+      font-size: 18px;
+      font-weight: 500;
+      line-height: 34px;
+      color: #333333;
+    }
+    .course_card {
+      background: #f7f8fa;
+      box-sizing: border-box;
+      border-radius: 15px;
+      padding: 36px 200px 36px 36px;
       box-sizing: border-box;
-      border-radius: 6px;
-      cursor: pointer;
 
-      img {
-        width: 160px;
-        height: 90px;
-        border-radius: 5px;
-      }
-      .course_info {
-        padding-top: 10px;
-        margin-left: 14px;
-        .info_tit {
-          font-size: 16px;
-          font-weight: 400;
-          // line-height: 20px;
-          color: #666666;
+      border-radius: 0.12rem;
+      .card_course {
+        display: flex;
+        background: #ffffff;
+        padding: 19px;
+        box-sizing: border-box;
+        border-radius: 6px;
+        cursor: pointer;
+
+        img {
+          width: 160px;
+          height: 90px;
+          border-radius: 5px;
         }
-        .info_price {
-          display: flex;
-          align-items: flex-end;
-          margin-top: 8px;
-          .price_icon {
-            font-size: 12px;
-            font-weight: 500;
-            line-height: 34px;
-            color: #c1ab85;
+        .course_info {
+          padding-top: 10px;
+          margin-left: 14px;
+          .info_tit {
+            font-size: 16px;
+            font-weight: 400;
+            // line-height: 20px;
+            color: #666666;
           }
-          .price_price {
-            font-size: 20px;
-            font-weight: normal;
-            line-height: 34px;
-            color: #c1ab85;
-            margin-left: 1px;
+          .info_price {
+            display: flex;
+            align-items: flex-end;
+            margin-top: 8px;
+            .price_icon {
+              font-size: 12px;
+              font-weight: 500;
+              line-height: 34px;
+              color: #c1ab85;
+            }
+            .price_price {
+              font-size: 20px;
+              font-weight: normal;
+              line-height: 34px;
+              color: #c1ab85;
+              margin-left: 1px;
+            }
           }
         }
       }
     }
   }
 }
-}
-.is-h5{
-  .include_course{
+.is-h5 {
+  .include_course {
     margin: 0 0.3rem;
     box-sizing: border-box;
-    border: 1px solid #FFF5E1;
+    border: 1px solid #fff5e1;
     border-bottom: none;
-    border-radius:0.12rem ;
-    background: #FFF5E1;
+    border-radius: 0.12rem;
+    background: #fff5e1;
 
-    .course_tit{
-      height:0.6rem;
+    .course_tit {
+      height: 0.6rem;
       padding-left: 0.2rem;
-      line-height: 0.6rem;;
-
+      line-height: 0.6rem;
     }
-    .course_card{
+    .course_card {
       border-radius: 0.08rem 0.08rem 0 0;
-      padding:0.44rem 0;
+      padding: 0.44rem 0;
       background: #ffffff;
-      border-radius:0.12rem ;
+      border-radius: 0.12rem;
     }
-    .card_course{
-      display: flex;
-      margin:0 0.29rem ;
-      padding:0.25rem 0.21rem ;
-      background: #F4F8FB;
-    img{
-    width:1.6rem;
-    height: 0.9rem;
-  }
-    .course_info{
-     margin-left: 0.14rem;
-     .info_tit{
-      font-size: 0.24rem;
-      color: #333333;
-     }
-      .info_price{
+    .card_course {
       display: flex;
-      margin-top: 0.28rem;
-      .price_icon{
-        font-size: 0.12rem;
-        color: #E5A12F;
+      margin: 0 0.29rem;
+      padding: 0.25rem 0.21rem;
+      background: #f4f8fb;
+      img {
+        width: 1.6rem;
+        height: 0.9rem;
       }
-      .price_price{
-        font-size: 0.2rem;
-        color: #E5A12F;
+      .course_info {
+        margin-left: 0.14rem;
+        .info_tit {
+          font-size: 0.24rem;
+          color: #333333;
+        }
+        .info_price {
+          display: flex;
+          margin-top: 0.28rem;
+          .price_icon {
+            font-size: 0.12rem;
+            color: #e5a12f;
+          }
+          .price_price {
+            font-size: 0.2rem;
+            color: #e5a12f;
+          }
+        }
       }
-  }
-}
     }
   }
 }

src/modules/shop/components/RecommendCourse.vue

@@ -45,7 +45,13 @@ const handleDetail = (item) => {
               class="course-item"
               @click="handleDetail(item)"
             >
-              <img :src="item.image_url" class="img" />
+              <img
+                :src="
+                  item.image_url ||
+                  'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic1.win4000.com%2Fwallpaper%2Fb%2F56e7995e3501f.jpg&refer=http%3A%2F%2Fpic1.win4000.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1671671981&t=0eb627c761e6567a3a0a29163b31aac0'
+                "
+                class="img"
+              />
               <div class="item_right">
                 <div class="right_name">{{ item.title }}</div>
                 <div class="right_price">
@@ -67,7 +73,13 @@ const handleDetail = (item) => {
             :key="index"
             @click="handleDetail(item)"
           >
-            <img :src="item.image_url" class="img" />
+            <img
+              :src="
+                item.image_url ||
+                'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic1.win4000.com%2Fwallpaper%2Fb%2F56e7995e3501f.jpg&refer=http%3A%2F%2Fpic1.win4000.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1671671981&t=0eb627c761e6567a3a0a29163b31aac0'
+              "
+              class="img"
+            />
             <div class="item_right">
               <div class="right_name">{{ item.title }}</div>
               <div class="right_price">