1.期望实现效果

2.目前实现效果

3.实现代码

1.wxml
 <view class="desc-text">
        <view class="show-more">查看详情 >></view>
        <!-- <rich-text nodes="{{富文本接口数据内容 }}"></rich-text> -->
        <text>{{接口数据内容}}</text>
    </view>
2.wcss
.desc-text {
  margin-top: 20rpx;
  width: 702rpx;
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 350;
  font-size: 24rpx;
  color: #999999;
  line-height: 32rpx;
  position: relative;
  white-space: pre-wrap;
  height: 270rpx;
  overflow: hidden;
}
.desc-text::before {
  content: "";
  height: 32rpx;
  float: right;
}
.show-more {
  color: #4569de;
  padding: 0rpx 8rpx 0 0;
  float: right;
  clear: both;
  cursor: pointer;
  font-weight: 350;
  font-size: 24rpx;
  line-height: 32rpx;
}
.show-more::before {
  content: "...";
  margin-right: 10rpx;
  color: #666;
}

如有错误,请各位大佬不吝赐教~~