Hooke / hager

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
cf0dc3fc 1 parent 7107e143

产品分类图片显示优化

Inline Side-by-side
Showing 1 changed file with 3 additions and 3 deletions
1 <!-- 1 <!--
2 * @Date: 2024-09-27 16:53:09 2 * @Date: 2024-09-27 16:53:09
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-10-24 10:01:46 4 + * @LastEditTime: 2024-10-25 16:32:22
5 * @FilePath: /hager/src/views/product/index.vue 5 * @FilePath: /hager/src/views/product/index.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
...@@ -33,7 +33,7 @@ ...@@ -33,7 +33,7 @@
33 <div class="product-list"> 33 <div class="product-list">
34 <div class="product-item" v-for="(item, index) in product_list" :key="index"> 34 <div class="product-item" v-for="(item, index) in product_list" :key="index">
35 <div class="product-item-img"> 35 <div class="product-item-img">
36 - <el-image style="width: 100%; height: 100%" :src="item.cover" fit="fit"></el-image> 36 + <img style="width: 100%; height: auto;" :src="item.cover">
37 </div> 37 </div>
38 <p @click="goToDetail(item)" class="product-item-title">{{ item.product_name }}</p> 38 <p @click="goToDetail(item)" class="product-item-title">{{ item.product_name }}</p>
39 </div> 39 </div>
...@@ -44,7 +44,7 @@ ...@@ -44,7 +44,7 @@
44 <div v-else class="product-list"> 44 <div v-else class="product-list">
45 <div class="product-item xs" v-for="(item, index) in product_list" :key="index"> 45 <div class="product-item xs" v-for="(item, index) in product_list" :key="index">
46 <div @click="goToDetail(item)" class="product-item-img xs"> 46 <div @click="goToDetail(item)" class="product-item-img xs">
47 - <el-image style="width: 100%; height: auto;" :src="item.cover" fit="fit"></el-image> 47 + <img style="width: 100%; height: auto;" :src="item.cover">
48 </div> 48 </div>
49 <p @click="goToDetail(item)" class="product-item-title">{{ item.product_name }}</p> 49 <p @click="goToDetail(item)" class="product-item-title">{{ item.product_name }}</p>
50 </div> 50 </div>
......