文物列表重新整理

vue/src/views/Goods/components/Img.vue

@@ -17,8 +17,8 @@
         <div class="swiper-container">
           <div class="swiper-wrapper">
             <div class="swiper-slide" v-for="i in info.imgNum" :key="i"
-              @click="lookImg(`goodsData/2D/${info.bs} (${i}).jpg`)">
-              <img v-lazy="`goodsData/2D/${info.bs} (${i}).jpg`" alt="" />
+              @click="lookImg(`goodsData/2D/${info.bs} (${i}).png`)">
+              <img v-lazy="`goodsData/2D/${info.bs} (${i}).png`" alt="" />
             </div>
           </div>
         </div>
@@ -28,7 +28,7 @@
       <div class="swiper-pagination"></div>
     </template>
     <div class="imgMain2" v-else>
-      <img v-lazy="`goodsData/2D/${info.bs}.jpg`" alt="" @click="lookImg(`goodsData/2D/${info.bs}.jpg`)" />
+      <img v-lazy="`goodsData/2D/${info.bs}.png`" alt="" @click="lookImg(`goodsData/2D/${info.bs}.png`)" />
     </div>
   </div>
 </template>

vue/src/views/Goods/components/Tow.vue

@@ -9,9 +9,9 @@
         :key="item.bs"
       >
         <div v-if="item.imgNum>1">
-          <img v-lazy="`goodsData/2D/${item.bs} (1).jpg`" alt="" />
+          <img v-lazy="`goodsData/2D/${item.bs} (1).png`" alt="" />
         </div>
-        <div v-else><img v-lazy="`goodsData/2D/${item.bs}.jpg`" alt="" /></div>
+        <div v-else><img v-lazy="`goodsData/2D/${item.bs}.png`" alt="" /></div>
         <p>{{ item.name }}</p>
       </div>
     </div>

vue/src/views/Goods/index.vue

@@ -148,10 +148,10 @@ import { goodsData } from "./data";
 import Three from "./components/Three.vue";
 import Tow from "./components/Tow.vue";
 
-goodsData["2D"] = goodsData["2D"].map((v) => ({
-  ...v,
-  imgNum: v.imgNum && v.imgNum > 3 ? 3 : v.imgNum,
-}));
+// goodsData["2D"] = goodsData["2D"].map((v) => ({
+//   ...v,
+//   imgNum: v.imgNum && v.imgNum > 3 ? 3 : v.imgNum,
+// }));
 export default {
   name: "Goods",
   //import引入的组件需要注入到对象中才能使用