消息列表显示三行

app.wxss

@@ -23,6 +23,7 @@ page {
 navigator {
     background: none;
 }
+
 /* 提交按钮 */
 .submit {
     width: 350rpx;
@@ -45,7 +46,12 @@ navigator {
     -webkit-line-clamp: 2;
 }
 
-.line-2 {
+.line-3 {
+    -webkit-line-clamp: 3;
+}
+
+.line-2,
+.line-3 {
     overflow: hidden;
     word-break: break-all;
     text-overflow: ellipsis;

pages/tabbar/message/index.scss

@@ -15,7 +15,7 @@ page {
 /* 消息列表 */
 .list {
     position: relative;
-    height: 194rpx;
+    min-height: 194rpx;
     width: 690rpx;
     box-sizing: border-box;
     border-radius: 16rpx;
@@ -34,7 +34,7 @@ page {
 
     .content {
         width: 620rpx;
-        height: 34rpx;
+        line-height: 34rpx;
         font-size: 24rpx;
         font-family: PingFang SC-Regular, PingFang SC;
         color: #666666;

pages/tabbar/message/index.wxml

@@ -6,7 +6,7 @@
     <view class="unread">总共{{total}}条</view>
     <navigator url="#" class='list' wx:for="{{list}}" data-item="{{item}}" bindtap="toDetails">
         <view class="title line-1">{{item.title}}</view>
-        <view class="content line-1">{{item.message}}</view>
+        <view class="content line-3">{{item.message}}</view>
         <view class="time">
             <van-tag wx:if="{{item.name}}" class="tag" plain type="primary">{{item.name}}</van-tag>{{item.createdate}}
         </view>