hookehuyr

新增产品未上架的提示和图片

<!--
* @Date: 2024-09-27 16:53:09
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-10-28 11:43:10
* @LastEditTime: 2024-10-28 15:03:09
* @FilePath: /hager/src/views/product/index.vue
* @Description: 文件描述
-->
......@@ -33,7 +33,7 @@
<div class="product-list">
<div class="product-item" v-for="(item, index) in product_list" :key="index">
<div class="product-item-img">
<img style="width: 100%; height: auto;" :src="item.product_status === 'publish' ? item.cover : 'https://cdn.ipadbiz.cn/hager/img/product/%E7%BB%84%20130@2x.png'">
<img style="width: 100%; height: auto;" :src="item.product_status === 'publish' ? item.cover : no_product_img">
</div>
<p @click="goToDetail(item)" class="product-item-title">{{ item.product_name }}</p>
</div>
......@@ -44,7 +44,7 @@
<div v-else class="product-list">
<div class="product-item xs" v-for="(item, index) in product_list" :key="index">
<div @click="goToDetail(item)" class="product-item-img xs">
<img style="width: 100%; height: auto;" :src="item.product_status === 'publish' ? item.cover : 'https://cdn.ipadbiz.cn/hager/img/product/%E7%BB%84%20130@2x.png'">
<img style="width: 100%; height: auto;" :src="item.product_status === 'publish' ? item.cover : no_product_img">
</div>
<p @click="goToDetail(item)" class="product-item-title">{{ item.product_name }}</p>
</div>
......@@ -86,6 +86,7 @@ export default {
}]
}],
product_list: [],
no_product_img: 'https://cdn.ipadbiz.cn/hager/img/no-product-img.png',
}
},
async mounted () {
......
<!--
* @Date: 2024-10-20 16:57:48
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-10-27 12:01:24
* @LastEditTime: 2024-10-28 15:03:14
* @FilePath: /hager/src/views/search.vue
* @Description: 文件描述
-->
......@@ -106,6 +106,7 @@ export default {
limit: 10,
news_max_page: 0,
case_max_page: 0,
no_product_img: 'https://cdn.ipadbiz.cn/hager/img/no-product-img.png',
}
},
watch: {
......@@ -163,7 +164,7 @@ export default {
// 新增不可用状态的图片
this.product_list.forEach(item => {
if (item.product_status === 'apply') {
item.cover = 'https://cdn.ipadbiz.cn/hager/img/product/%E7%BB%84%20130@2x.png'
item.cover = this.no_product_img
}
})
this.solution_list = data.solution;
......