收藏
回答

弹性盒子的中图片被压缩?

当后面文本自动换行时,前面图片被压缩?

  <block wx:for='{{news_datas}}'>
    <view class='news_content'>
      <image class="news_content_image" src="{{item.imgurl}}" />
      <view class='news_content_right_box'>
        <navigator url='../newsdetail/newsdetail?url={{item.url}}'>{{item.title}}</navigator>
        <view class='news_content_foot'>
          <label class='news_content_foot_lbl'>{{item.date}}</label>
          <label class='news_content_foot_lbl'>{{item.dept}}</label>
        </view>
      </view>
    </view>
  </block>


.news_content{
  display: flex;
  width100%;
  flex-direction: row;
  background-color: white;
  padding10rpx;
  margin-top10rpx;
}


.news_content_image{
  height140rpx;
  width:  140rpx;
}
.news_content_right_box
{
  display: flex;
  flex-direction: column;
  flex-grow:1;
  padding10rpx;
  margin-left10rpx;
  background-color: white;
}


.news_content_foot{
  display: flex;
  flex-direction: row-reverse;
  margin-top20rpx;
}


.news_content_foot_lbl{
  margin-right20rpx;
  font-size30rpx;
  color#3b3b3b;
}
回答关注问题邀请回答
收藏

2 个回答

  • 周理
    周理
    2020-05-06

    给图片设置css flex-shrink: 0;

    2020-05-06
    有用 2
    回复 14
    • 李忠
      李忠
      2020-05-06
      确实可以,另外我在image外边套一层view也可以,但为什么啊?
      2020-05-06
      回复
    • จุ๊บ
      จุ๊บ
      2020-05-07
      杠精
      2020-05-07
      回复
    • 周理
      周理
      2020-05-07回复จุ๊บ
      有本事你别删评论让大家看
      2020-05-07
      回复
    • 周理
      周理
      2020-05-07回复จุ๊บ
      说的不对还乱咬人
      2020-05-07
      回复
    • จุ๊บ
      จุ๊บ
      2020-05-07回复周理
      你是不明白 建议  这两个字的意思是吗?缺...
      2020-05-07
      回复
    查看更多(9)
  • null
    null
    2020-05-06

    给news_content_image 加css属性 flex-shrink:0就可以了

    2020-05-06
    有用
    回复
登录 后发表内容
问题标签