.list-container { height: 100vh; background-color: #f5f5f5; } .list-scroll { height: 100%; } .list-items { padding: 20rpx; } .project{ background-color: #fff; border-radius: 10rpx; padding: 20rpx; margin-top: 20rpx; } .list-item { display: flex; margin-top: 20rpx; } .item-left { width: 120rpx; height: 120rpx; margin-right: 20rpx; } .item-img { width: 100%; height: 100%; border-radius: 8rpx; } .item-right { flex: 1; display: flex; flex-direction: column; justify-content: space-between; } .item-title { font-size: 32rpx; font-weight: 600; color: #333; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .item-desc { font-size: 26rpx; color: #666; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin: 10rpx 0; } .item-meta { display: flex; justify-content: space-between; align-items: center; font-size: 24rpx; color: #999; } .item-tag { padding: 4rpx 12rpx; background-color: #f0f8ff; color: #007545; border-radius: 12rpx; } /* 状态提示样式 */ .list-status { padding: 30rpx 0; text-align: center; } .loading { display: flex; align-items: center; justify-content: center; color: #999; font-size: 26rpx; } .loading text { margin-left: 10rpx; } .no-more { color: #999; font-size: 26rpx; } .empty { padding: 100rpx 0; } .empty-img { width: 200rpx; height: 200rpx; margin-bottom: 20rpx; } .empty-text { display: block; color: #999; font-size: 28rpx; margin-bottom: 30rpx; } .empty-btn { padding: 12rpx 30rpx; background-color: #007545; color: #fff; border: none; border-radius: 24rpx; font-size: 26rpx; } /* */