page { width: 100%; height: auto; background: #fff; min-height: 100vh; overflow-y: auto; } /* 列表样式 */ .list-all { width: calc(100% - 48rpx); margin-left: 21rpx; } .list-all .list-item { border-bottom: 1rpx solid #eaeaea; padding: 41rpx 18rpx 31rpx 15rpx; display: flex; align-items: center; } .list-all .list-item:last-child { border: none; } .list-all .list-item .item-info { width: calc(100% - 220rpx); height: 146rpx; position: relative; } .list-all .list-item .item-info .item-info-name { width: calc(100% - 47rpx); font-size: 32rpx; font-weight: 500; color: rgba(63, 63, 63, 1); line-height: 50rpx; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .list-all .list-item .item-info .item-info-time { width: calc(100% - 23rpx); height: 22rpx; position: absolute; bottom: 5rpx; display: flex; flex-direction: row; justify-content: space-between; } .list-all .list-item .item-info .item-info-time text { font-size: 22rpx; font-weight: 500; color: rgba(170, 170, 170, 1); line-height: 22rpx; } .list-all .list-item image { width: 220rpx; height: 146rpx; border-radius: 10rpx; }