首先看布局:
“拼团价” 这里是图片,标题文字要环绕,第二行文字要在图片的下面
1、正常的做法是:设置图片float,这样就可以实现;
.info-content_title{
clear: both;
}
.content-title_logo{
float: left;
}
<view class="info-content_title">
<image class="content-title_logo" src="../img/groupBooking/icom.png" mode="aspectFill"></image>
<text class="content-title_text">{
{item.title}}</text>
</view>
PS1、这样就会跟"显示文字两行后省略号"的样式设置有冲突(文字没有在图片下方环绕);
.content-title_text{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
如图: