//需求是最大显示32个字,超出显示省略号
<cover-view class="ke_context" style="white-space: normal;">{{tex.length>32 ? tex.slice(0,31)+'...': tex}}</cover-view>
data(){
return{
tex:"健康你我他健康你我他健康你我他健康你我他健康你我他健康你我他我知道你喜欢"
}
}
扩展,正常设置超出文本显示省略号如下,但是cover-view自带无法设置超出文本显示省略号bug,所以选择上述切割字符串显示的方式实现
//单行
{overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
//多行
display: -webkit-box ;
white-space: normal;//换行
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
-webkit-box-orient: vertical;
-webkit-line-clamp:2;//行数