收藏
回答

小程序图片为什么显示不出?文字设置的样式无效?

求助大佬 小程序图片显示不出来 还有设置了文字靠右但是还是居中显示。

JS

 data: {

    // 临时新闻数据

    article:   {

      id:'1000',

      title:'虎年新春第一天校领导慰问在岗教职工',

      poster:'http://www.zjbc.edu.cn/_upload/article/images/00/45/7f3a5778462ebcddd25f57e0ce79/58c2e34d-8640-429a-8f4f-d81b496059f9.jpg',

      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在预览界面是空白。

回答关注问题邀请回答
收藏

2 个回答

登录 后发表内容