需求是：一进来就只展示几行文字内容，要点击展开按钮才会把所有的文字内容显示完整。

话不多说，直接上图。

首先在js里面data定义collapse为true，让用户一进来首先看到第一个block盒子，第一个默认盒子把设置高度，让超出来的文字

overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 4; 行数

-webkit-box-orient: vertical;

第2个盒子不设置高度，让内容来撑开它，设置padding:10rpx。（2个盒子的样式几乎一样的，到时候按需调试吧）

顺便说了图片旋转180°处理，这样就不用麻烦设计在重新切图了。