求助大佬 小程序图片显示不出来 还有设置了文字靠右但是还是居中显示。
JS
data: {
// 临时新闻数据
article: {
id:'1000',
title:'虎年新春第一天校领导慰问在岗教职工',
content:'此处是正文',
add_date:'2020-2-1'
},
WXML
<view class="container">
<view class="title">{{article.title}}</view>
<view class="poster">
<image src="{{article.poster}}"></image>
</view>
<view class="content">
{{article.content}}
</view>
<view class="add_date">时间:{{article.add_date}}</view>
</view>
WXSS
.container{
padding: 15rpx;
text-align:center;
}
/* 新闻标题 */
.title{
font-size: 16pt;
line-height: 80rtx;
}
/* 新闻图片 */
.poster image{
width: 100%;
}
/* 新闻正文 */
.content{
text-align: left;
font-size: 12pt;
line-height: 60rpx;
}
/* 新闻日期 */
.add_date{
font-size: 12pt;
text-align: right;
line-height: 30rpx;
margin-right: 25rpx;
margin-top: 20rpx;
}
没有提示错误 但是放的poster在预览界面是空白。
text-aligin:right 改成 float: right
https://developers.weixin.qq.com/s/8J0mT1mM7ryl
图片可以显示