fix(mp): 修复微信图文消息图片显示问题
- 在 wx-news 组件中,为 el-image 和 img 标签添加了备用图片属性 - 使用 article.thumbUrl作为 article.picUrl 的备用值,确保在 picUrl 为空时仍能显示图片
This commit is contained in:
@ -13,7 +13,7 @@
|
|||||||
<div class="news-main">
|
<div class="news-main">
|
||||||
<div class="news-content">
|
<div class="news-content">
|
||||||
<el-image
|
<el-image
|
||||||
:src="article.picUrl"
|
:src="article.picUrl||article.thumbUrl"
|
||||||
class="material-img"
|
class="material-img"
|
||||||
style="width: 100%; height: 120px"
|
style="width: 100%; height: 120px"
|
||||||
/>
|
/>
|
||||||
@ -29,7 +29,7 @@
|
|||||||
<div class="news-content-item">
|
<div class="news-content-item">
|
||||||
<div class="news-content-item-title">{{ article.title }}</div>
|
<div class="news-content-item-title">{{ article.title }}</div>
|
||||||
<div class="news-content-item-img">
|
<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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user