hookehuyr

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

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-28 11:43:10 4 + * @LastEditTime: 2024-10-28 15:03:09
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 - <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'"> 36 + <img style="width: 100%; height: auto;" :src="item.product_status === 'publish' ? item.cover : no_product_img">
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 - <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'"> 47 + <img style="width: 100%; height: auto;" :src="item.product_status === 'publish' ? item.cover : no_product_img">
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>
...@@ -86,6 +86,7 @@ export default { ...@@ -86,6 +86,7 @@ export default {
86 }] 86 }]
87 }], 87 }],
88 product_list: [], 88 product_list: [],
89 + no_product_img: 'https://cdn.ipadbiz.cn/hager/img/no-product-img.png',
89 } 90 }
90 }, 91 },
91 async mounted () { 92 async mounted () {
......
1 <!-- 1 <!--
2 * @Date: 2024-10-20 16:57:48 2 * @Date: 2024-10-20 16:57:48
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-10-27 12:01:24 4 + * @LastEditTime: 2024-10-28 15:03:14
5 * @FilePath: /hager/src/views/search.vue 5 * @FilePath: /hager/src/views/search.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
...@@ -106,6 +106,7 @@ export default { ...@@ -106,6 +106,7 @@ export default {
106 limit: 10, 106 limit: 10,
107 news_max_page: 0, 107 news_max_page: 0,
108 case_max_page: 0, 108 case_max_page: 0,
109 + no_product_img: 'https://cdn.ipadbiz.cn/hager/img/no-product-img.png',
109 } 110 }
110 }, 111 },
111 watch: { 112 watch: {
...@@ -163,7 +164,7 @@ export default { ...@@ -163,7 +164,7 @@ export default {
163 // 新增不可用状态的图片 164 // 新增不可用状态的图片
164 this.product_list.forEach(item => { 165 this.product_list.forEach(item => {
165 if (item.product_status === 'apply') { 166 if (item.product_status === 'apply') {
166 - item.cover = 'https://cdn.ipadbiz.cn/hager/img/product/%E7%BB%84%20130@2x.png' 167 + item.cover = this.no_product_img
167 } 168 }
168 }) 169 })
169 this.solution_list = data.solution; 170 this.solution_list = data.solution;
......