Selaa lähdekoodia

fix(mp): 修复微信图文消息图片显示问题

- 在 wx-news 组件中,为 el-image 和 img 标签添加了备用图片属性
- 使用 article.thumbUrl作为 article.picUrl 的备用值,确保在 picUrl 为空时仍能显示图片
wuKong 7 kuukautta sitten
vanhempi
commit
8deb5b417f
1 muutettua tiedostoa jossa 2 lisäystä ja 2 poistoa
  1. 2 2
      src/views/mp/components/wx-news/main.vue

+ 2 - 2
src/views/mp/components/wx-news/main.vue

@@ -13,7 +13,7 @@
         <div class="news-main">
           <div class="news-content">
             <el-image
-              :src="article.picUrl"
+                :src="article.picUrl||article.thumbUrl"
               class="material-img"
               style="width: 100%; height: 120px"
             />
@@ -29,7 +29,7 @@
           <div class="news-content-item">
             <div class="news-content-item-title">{{ article.title }}</div>
             <div class="news-content-item-img">
-              <img :src="article.picUrl" class="material-img" height="100%" />
+              <img :src="article.picUrl||article.thumbUrl" class="material-img" height="100%"/>
             </div>
           </div>
         </div>