comment.wxss 849 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. /* component/comment/comment.wxss */
  2. @import '../../common.wxss';
  3. .comment{
  4. background-color: #fff;
  5. box-sizing: border-box;
  6. }
  7. .comment_item_top{
  8. display: flex;
  9. justify-content: space-between;
  10. align-items: flex-start;
  11. }
  12. .comment_item_top_left{
  13. display: flex;
  14. justify-content: space-between;
  15. align-items: center;
  16. }
  17. .comment_item_top_left_text{
  18. display: flex;
  19. flex-direction: column;
  20. }
  21. .comment_item_img{
  22. width: 66rpx;
  23. height: 66rpx;
  24. border-radius: 50%;
  25. }
  26. .scroll_box{
  27. flex-wrap: wrap;
  28. }
  29. .scroll_box_imgbox{
  30. display: flex;
  31. }
  32. .scroll_box_img{
  33. width: 190rpx;
  34. height: 190rpx;
  35. margin-right: 24rpx;
  36. margin-bottom: 24rpx;
  37. }
  38. .scroll_box_img:nth-of-type(3n){
  39. margin-right: 0;
  40. }
  41. .lable-box{
  42. display: flex;
  43. align-items: center;
  44. flex-wrap: wrap;
  45. }
  46. .label{
  47. height: 56rpx;
  48. background: #F5F7F9;
  49. color: #647390;
  50. }