richdetail.css 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. @charset "UTF-8";
  2. /**
  3. * 下方引入的为uView UI的集成样式文件,为scss预处理器,其中包含了一些"u-"开头的自定义变量
  4. * uView自定义的css类名和scss变量,均以"u-"开头,不会造成冲突,请放心使用
  5. */
  6. page {
  7. background-color: #f4f6f8;
  8. }
  9. .detail-tag {
  10. color: #aaa;
  11. }
  12. .comment {
  13. background-color: #ffffff;
  14. display: -webkit-box;
  15. display: -webkit-flex;
  16. display: flex;
  17. padding: 30rpx;
  18. }
  19. .comment .left image {
  20. width: 64rpx;
  21. height: 64rpx;
  22. border-radius: 50%;
  23. background-color: #f2f2f2;
  24. }
  25. .comment .right {
  26. -webkit-box-flex: 1;
  27. -webkit-flex: 1;
  28. flex: 1;
  29. padding-left: 20rpx;
  30. }
  31. .comment .right .top {
  32. display: -webkit-box;
  33. display: -webkit-flex;
  34. display: flex;
  35. -webkit-box-pack: justify;
  36. -webkit-justify-content: space-between;
  37. justify-content: space-between;
  38. -webkit-box-align: center;
  39. -webkit-align-items: center;
  40. align-items: center;
  41. margin-bottom: 10rpx;
  42. }
  43. .comment .right .top .replay {
  44. display: -webkit-box;
  45. display: -webkit-flex;
  46. display: flex;
  47. -webkit-box-align: center;
  48. -webkit-align-items: center;
  49. align-items: center;
  50. color: #9a9a9a;
  51. font-size: 26rpx;
  52. }
  53. .comment .right .top .replay .opeate {
  54. margin-right: 4rpx;
  55. color: #9a9a9a;
  56. }
  57. .comment .right .top .name {
  58. max-width: 100rpx;
  59. }
  60. .comment .right .content {
  61. margin-bottom: 10rpx;
  62. word-break: break-word;
  63. }
  64. .comment:not(:last-child) {
  65. border-bottom: 1px solid #eee;
  66. }
  67. .product-images {
  68. width: 50%;
  69. margin-bottom: 30rpx;
  70. }
  71. .product-images:nth-child(2n) {
  72. padding-left: 15rpx;
  73. }
  74. .product-images:nth-child(2n + 1) {
  75. padding-right: 15rpx;
  76. }
  77. .u-alert-desc {
  78. word-break: break-word;
  79. }