💄 更换部分图片

src/assets/scss/main.scss

@@ -117,7 +117,7 @@ $small-banner-height: 445px;
     background-image: url('@/assets/images/Bg2.png');
   }
   &-type3 {
-    background-image: url('@/assets/images/index/IntrodRight.png');
+    background-image: url('@/assets/images/index/IntrodRight.jpg');
   }
 }
 .main-clickable {

src/views/HomeView.vue

@@ -192,7 +192,7 @@
     <section class="main-introd main-section">
       <div class="main-introd-bg">
         <img class="a" src="@/assets/images/index/IntrodLeft.png" />
-        <img class="b" src="@/assets/images/index/IntrodRight.png" />
+        <img class="b" src="@/assets/images/index/IntrodRight.jpg" />
       </div>
       <div class="row h-100">
         <div class="col-lg-6 col-md-6 col-sm-12">
@@ -431,9 +431,9 @@ const recordData = useSimpleDataLoader<GetContentListItem[]>(async () => {
   }
 
   $background-types: (
-    type1: (url('@/assets/images/index/BoxPrinting2.png'), url('@/assets/images/index/Box3.png')),
+    type1: (url('@/assets/images/index/BoxPrinting2.png'), url('@/assets/images/index/Box3.jpg')),
     type2: (url('@/assets/images/index/BoxPrinting1.png'), url('@/assets/images/index/Box1.png')),
-    type3: (url('@/assets/images/index/BoxPrinting4.png'), url('@/assets/images/index/Box2.png'))
+    type3: (url('@/assets/images/index/BoxPrinting4.png'), url('@/assets/images/index/Box2.jpg'))
   );
 
   @each $typeName, $type in $background-types {

src/views/IntrodView.vue

@@ -68,12 +68,12 @@ import { Carousel, Slide, Pagination, Navigation } from 'vue3-carousel'
 import IndexContent from '@/api/introduction/IndexContent';
 import Image1 from '@/assets/images/introduction/Image1.jpg';
 import Image2 from '@/assets/images/introduction/Image2.jpg';
-import CategoryImage1 from '@/assets/images/introduction/CategoryImage1.png';
-import CategoryImage2 from '@/assets/images/introduction/CategoryImage2.png';
-import CategoryImage3 from '@/assets/images/introduction/CategoryImage3.png';
-import CategoryImage4 from '@/assets/images/introduction/CategoryImage4.png';
-import CategoryImage5 from '@/assets/images/introduction/CategoryImage5.png';
-import CategoryImage6 from '@/assets/images/introduction/CategoryImage6.png';
+import CategoryImage1 from '@/assets/images/introduction/CategoryImage1.jpg';
+import CategoryImage2 from '@/assets/images/introduction/CategoryImage2.jpg';
+import CategoryImage3 from '@/assets/images/introduction/CategoryImage3.jpg';
+import CategoryImage4 from '@/assets/images/introduction/CategoryImage4.jpg';
+import CategoryImage5 from '@/assets/images/introduction/CategoryImage5.jpg';
+import CategoryImage6 from '@/assets/images/introduction/CategoryImage6.jpg';
 import CategoryImage7 from '@/assets/images/introduction/CategoryImage7.jpg';
 import LeftRightBox from '@/components/parts/LeftRightBox.vue';
 import ThreeImageList from '@/components/parts/ThreeImageList.vue';