fix(mp): 修复微信图文消息图片显示问题
- 在 wx-news 组件中,为 el-image 和 img 标签添加了备用图片属性 - 使用 article.thumbUrl作为 article.picUrl 的备用值,确保在 picUrl 为空时仍能显示图片pull/810/head
parent
544fc8127d
commit
8deb5b417f
|
|
@ -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>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue