comment.wxss 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. .goods-list {
  2. border-top: 1rpx solid #e3e3e3;
  3. font-size: 28rpx; }
  4. .goods-item {
  5. margin-bottom: 30rpx;
  6. border-bottom: 1rpx solid #e3e3e3;
  7. background: #fff; }
  8. .goods-item .goods-detail {
  9. padding: 24rpx 20rpx; }
  10. .goods-item .goods-detail .left .goods-image {
  11. display: block;
  12. width: 150rpx;
  13. height: 150rpx; }
  14. .goods-item .goods-detail .right {
  15. padding-left: 20rpx; }
  16. .goods-item .score-row {
  17. padding: 24rpx 20rpx; }
  18. .goods-item .score-row .score-item.score__praise {
  19. color: #ff4544; }
  20. .goods-item .score-row .score-item.score__praise .score__icon {
  21. background: #ff4544; }
  22. .goods-item .score-row .score-item.score__review {
  23. color: #fcb500; }
  24. .goods-item .score-row .score-item.score__review .score__icon {
  25. background: #fcb500; }
  26. .goods-item .score-row .score-item.score__negative {
  27. color: #9b9b9b; }
  28. .goods-item .score-row .score-item.score__negative .score__icon {
  29. background: #9b9b9b; }
  30. .goods-item .score-row .score-item .score {
  31. padding: 10rpx 20rpx 10rpx 10rpx;
  32. border-radius: 30rpx; }
  33. .goods-item .score-row .score-item .score .score__icon {
  34. margin-right: 10rpx;
  35. padding: 10rpx;
  36. border-radius: 50%;
  37. font-size: 30rpx;
  38. color: #fff; }
  39. .goods-item .score-row .score-item.__active .score {
  40. color: #fff; }
  41. .goods-item .score-row .score-item.__active.score__praise .score {
  42. background: #ff4544; }
  43. .goods-item .score-row .score-item.__active.score__review .score {
  44. background: #fcb500; }
  45. .goods-item .score-row .score-item.__active.score__negative .score {
  46. background: #9b9b9b; }
  47. .goods-item .content-row {
  48. padding: 10rpx 20rpx; }
  49. .goods-item .content-row textarea {
  50. width: 100%;
  51. height: 220rpx;
  52. padding: 12rpx;
  53. border: 1rpx solid #e8e8e8;
  54. border-radius: 5rpx;
  55. box-sizing: border-box; }
  56. .goods-item .image-list {
  57. padding: 24rpx 20rpx; }
  58. .goods-item .image-list:after {
  59. clear: both;
  60. content: " ";
  61. display: table; }
  62. .goods-item .image-list image {
  63. display: block;
  64. width: 150rpx;
  65. height: 150rpx; }
  66. .goods-item .image-list .image-picker {
  67. width: 150rpx;
  68. height: 150rpx;
  69. border: 1rpx dashed #ccc;
  70. color: #ccc; }
  71. .goods-item .image-list .image-picker .choose__icon {
  72. font-size: 56rpx;
  73. margin-bottom: 6rpx; }
  74. .goods-item .image-list .image-picker .choose__text {
  75. font-size: 22rpx; }
  76. .goods-item .image-list .image-picker, .goods-item .image-list .image-preview {
  77. margin-right: 30rpx;
  78. margin-top: 30rpx;
  79. float: left; }
  80. .goods-item .image-list .image-picker:nth-child(4n+0), .goods-item .image-list .image-preview:nth-child(4n+0) {
  81. margin-right: 0; }
  82. .goods-item .image-list .image-preview {
  83. position: relative; }
  84. .goods-item .image-list .image-preview .image-delete {
  85. position: absolute;
  86. top: -15rpx;
  87. right: -15rpx;
  88. height: 42rpx;
  89. width: 42rpx;
  90. line-height: 42rpx;
  91. background: rgba(0, 0, 0, 0.64);
  92. border-radius: 50%;
  93. color: #fff;
  94. font-weight: bolder;
  95. font-size: 22rpx;
  96. z-index: 10;
  97. text-align: center; }
  98. /*# sourceMappingURL=comment.wxss.map */