groupDetails.wxss 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169
  1. .img-list .img-item {
  2. width: 155rpx;
  3. height: 155rpx;
  4. margin-left: 24rpx;
  5. margin-bottom: 24rpx;
  6. }
  7. .img-list .img-item:nth-child(4n+1) {
  8. margin-left: 0;
  9. }
  10. .three {
  11. display: flex;
  12. justify-content: center;
  13. align-items: center;
  14. padding: 50rpx 0;
  15. }
  16. .three-item {
  17. position: relative;
  18. flex: 1;
  19. text-align: center;
  20. }
  21. .three-item::before {
  22. content: '';
  23. position: absolute;
  24. left: 0;
  25. top: 0;
  26. bottom: 0;
  27. width: 1rpx;
  28. border-left: 1rpx solid #cfcfcf;
  29. }
  30. .three-item:first-child::before {
  31. content: none;
  32. }
  33. .three-title {
  34. color: #999;
  35. font-size: 24rpx;
  36. }
  37. .three-money {
  38. margin-bottom: 15rpx;
  39. font-size: 34rpx;
  40. font-weight: bold;
  41. }
  42. .order .avatar {
  43. width: 60rpx;
  44. height: 60rpx;
  45. border-radius: 50%;
  46. margin-right: 20rpx;
  47. }
  48. .order-goods {
  49. margin: 30rpx 0 0;
  50. }
  51. .order-goods-img {
  52. width: 100rpx;
  53. height: 100rpx;
  54. margin-right: 18rpx;
  55. border-radius: 50%;
  56. }
  57. .more {
  58. line-height: 100rpx;
  59. }
  60. .order .item {
  61. margin: 0 30rpx;
  62. padding: 30rpx 0;
  63. }
  64. .btn {
  65. background: linear-gradient(270deg, #f9c706 0%, #feb600 100%);
  66. border-radius: 10rpx;
  67. padding: 20rpx 0;
  68. }
  69. .end-btn {
  70. display: inline-block;
  71. background: linear-gradient(90deg, #ff5041 0%, #ff695c 100%);
  72. border-radius: 10rpx;
  73. padding: 15rpx 0;
  74. width: 40%;
  75. margin: 0 auto;
  76. }
  77. .comment {
  78. border: 1rpx solid #e5e5e5;
  79. line-height: 64rpx;
  80. border-radius: 32rpx;
  81. }
  82. .msg .avatar {
  83. width: 80rpx;
  84. height: 80rpx;
  85. }
  86. .handled {
  87. margin-left: 30rpx;
  88. }
  89. .goods-modal {
  90. width: 90%;
  91. overflow: hidden;
  92. }
  93. .goods-modal-body {
  94. max-height: 80vh;
  95. }
  96. .modal-close {
  97. padding: 20rpx 0;
  98. }
  99. .modal-close .iconfont {
  100. color: #fff;
  101. font-size: 60rpx;
  102. }
  103. .textarea {
  104. border: 1rpx solid #e5e5e5;
  105. width: 100%;
  106. box-sizing: border-box;
  107. padding: 15rpx;
  108. border-radius: 10rpx;
  109. }
  110. .send {
  111. padding: 8rpx 15rpx;
  112. border-radius: 6rpx;
  113. line-height: initial;
  114. font-size: 24rpx;
  115. }
  116. .send::after {
  117. content: none;
  118. }
  119. .shareModal-box {
  120. background: transparent!important;
  121. left: 115rpx!important;
  122. right: 115rpx!important;
  123. bottom: initial!important;
  124. top: 50%;
  125. transform: translateY(-50%)!important;
  126. width: 520rpx!important;
  127. }
  128. .shareModal {
  129. width: 520rpx;
  130. }
  131. .shareBtn {
  132. line-height: 84rpx;
  133. }
  134. .item-time {
  135. color: #fff;
  136. background-color: #333;
  137. font-size: 20rpx;
  138. padding: 2rpx 4rpx;
  139. border-radius: 5rpx;
  140. width: 28rpx;
  141. }