.like { .notes { position: relative; display: flex; align-items: flex-start; justify-content: space-between; padding: 20rpx 40rpx; border-bottom: 1px solid #D8D8D8; .redDrop { position: absolute; left: 24rpx; width: 12rpx; height: 12rpx; border-radius: 50%; background-color: red; } .avatar { width: 80rpx; height: 80rpx; border-radius: 50%; } .body { flex: 1; margin-left: 24rpx; .nickName { font-size: 30rpx; } .date { margin-top: 6rpx; font-size: 24rpx; } } .cover { width: 134rpx; height: 74rpx; border-radius: 10rpx; } .audioCover { position: relative; width: 134rpx; height: 74rpx; display: flex; align-items: center; justify-content: center; border-radius: 8rpx; overflow: hidden; background-size: cover; background-position: center; .audioPlayBg { width: 58rpx; height: 58rpx; } .audioPlayZhen { position: absolute; right: 30rpx; top: 11rpx; width: 14rpx; height: 17rpx; } .cover { position: absolute; width: 48rpx; height: 48rpx; border-radius: 50%; } } } .empty { margin-top: 200rpx; } }