微信小程序 - 超出行数自动隐藏文字代码示例

<view class='courses-message'>
  <van-card thumb='{{courses.smallPic}}'>
    <view slot='title' class='courses-title'>{{courses.title}}</view>
    <view slot='num' class='courses-num'>
      <view class='courses-price'>￥{{courses.price}}</view>
      <view class='courses-sale'>
        <van-stepper value='{{buyNum}}' bind:change='onBuyNumChange' />
      </view>
    </view>
  </van-card>
</view>
<!-- 收货地址 -->
<view class='order-title'>
  <van-icon name='arrow-down' />
  收货地址
</view>
<view wx:if='{{address.name && address.phone && address.city}}' class='address-message'>
  <van-cell title='{{address.name}}'>
    <view class='update-btn' bindtap='onUpdateAddress'>修改</view>
  </van-cell>
  <view class='address-desc'>
    <view class='phone'>{{address.phone}}</view>
    <view class='city'>{{address.city}}</view>
  </view>
</view>
<style>
  .courses-message,
  .address-message {
    max-height: 100px;
    overflow: hidden;
  }
</style>