商品图片修改

sub-government-screen-service/src/views/early/components/realTimePrice.vue

@@ -14,7 +14,8 @@
         <el-carousel-item v-for="item in tablist" :key="item">
           <div class="item-warp" :style="{ 'background-image': 'url(' + getAssetsFile('images/early/back2.png') + ')' }">
             <div class="img-wrap">
-              <img :src="getAssetsFile(item.src)" />
+              <!-- <img :src="getAssetsFile(item.src)" /> -->
+              <el-image style="width: 100%; height: 100%; cursor: pointer" :src="getAssetsFile(item.src)" fit="cover" lazy />
             </div>
 
             <div class="name">
@@ -59,9 +60,9 @@
 import { ref, reactive, onMounted, computed } from 'vue';
 import { isEmpty, getAssetsFile } from '@/utils';
 let tablist = reactive([
-  { name: '西红柿', label: '价格', src: 'images/early/tomato.jpg' },
-  { name: '甘蔗', label: '价格', src: 'images/early/gz.jpg' },
-  { name: '白菜', label: '价格', src: 'images/early/bc.jpg' },
+  { name: '西红柿', label: '价格', src: 'images/early/product1.png' },
+  { name: '甘蔗', label: '价格', src: 'images/early/product3.png' },
+  { name: '白菜', label: '价格', src: 'images/early/product2.png' },
 ]);
 
 let pricelist = reactive([