index.less 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. @import '../../styles/base.less';
  2. .comments-header{
  3. display: flex;
  4. justify-content: space-between;
  5. .more {
  6. width: 100rpx;
  7. text-align: right;
  8. }
  9. }
  10. .comment {
  11. .comment-header {
  12. display: flex;
  13. align-items: center;
  14. justify-content: space-between;
  15. .header-text {
  16. flex: 1;
  17. padding:0 10rpx;
  18. }
  19. .header-avatar {
  20. width: 80rpx;
  21. height: 80rpx;
  22. .header-avatar-image {
  23. width: 100%;
  24. height: 100%;
  25. margin: 0 auto;
  26. border-radius: 50%;
  27. }
  28. }
  29. }
  30. .comment-content {
  31. .comment-text {
  32. padding: 10rpx 0;
  33. }
  34. .comment-images {
  35. display: flex;
  36. flex-wrap: wrap;
  37. }
  38. .comment-image {
  39. width: 210rpx;
  40. height: 210rpx;
  41. margin: 6rpx;
  42. background: #222222;
  43. }
  44. }
  45. .merchant-reply {
  46. font-size: 26rpx;
  47. .reply-title {
  48. color: #ffe300;
  49. }
  50. .reply-content {
  51. text-indent: 2em;
  52. padding: 10px 0;
  53. }
  54. }
  55. }
  56. .comments-footer {
  57. text-align: center;
  58. }