index.less 891 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. @import '../../../styles/base.less';
  2. .comment {
  3. padding: 40rpx 0;
  4. .comment-header {
  5. display: flex;
  6. align-items: center;
  7. justify-content: space-between;
  8. .header-text {
  9. flex: 1;
  10. padding:0 10rpx;
  11. }
  12. .header-avatar {
  13. width: 80rpx;
  14. height: 80rpx;
  15. .header-avatar-image {
  16. width: 100%;
  17. height: 100%;
  18. margin: 0 auto;
  19. border-radius: 50%;
  20. }
  21. }
  22. }
  23. .comment-content {
  24. .comment-text {
  25. padding: 10rpx 0;
  26. }
  27. .comment-images {
  28. display: flex;
  29. flex-wrap: wrap;
  30. }
  31. .comment-image {
  32. width: 210rpx;
  33. height: 210rpx;
  34. margin: 6rpx;
  35. background: #999999;
  36. }
  37. }
  38. }