抖音b端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

163 lines
2.8 KiB

  1. /* pages/index/writeoffPage/writeoffPage.wxss */
  2. @import '../../iconfont.ttss';
  3. .write0ffPage {
  4. width: 100%;
  5. height: 100%;
  6. background: #f5f5f5;
  7. position: absolute;
  8. border-top: 1px solid #f5f5f5;
  9. }
  10. .user {
  11. position: fixed;
  12. left: 0;
  13. right: 0;
  14. margin: auto;
  15. bottom: 40rpx;
  16. width: 92%;
  17. background: #52a0fd;
  18. border-radius: 8rpx;
  19. color: #fff;
  20. font-size: 36rpx;
  21. height: 94rpx;
  22. line-height: 94rpx;
  23. }
  24. .detail_msg {
  25. width: 100%;
  26. height: 416rpx !important;
  27. background: #fff;
  28. display: flex;
  29. flex-direction: column;
  30. }
  31. .active{
  32. opacity: .6;
  33. }
  34. .detail_msg>view:nth-child(1) {
  35. width: 100%;
  36. height: 244rpx;
  37. display: flex;
  38. }
  39. .detail_msg>view:nth-child(1) view:nth-child(1) {
  40. width: 248rpx;
  41. height: 184rpx;
  42. }
  43. .detail_msg>view:nth-child(1)>view:nth-child(1) image {
  44. width: 100%;
  45. height: 100%;
  46. margin: 20rpx 0 0 30rpx;
  47. border: 1px solid #eee;
  48. border-radius: 16rpx;
  49. }
  50. .detail_msg>view:nth-child(1)>view:nth-child(2) {
  51. width: 50%;
  52. margin-left: 7%;
  53. display: flex;
  54. flex-direction: column;
  55. }
  56. .detail_msg>view:nth-child(1)>view:nth-child(2)>text:nth-child(1) {
  57. width: 374rpx;
  58. height: 72rpx;
  59. overflow: hidden;
  60. font-size: 26rpx;
  61. font-weight: bold;
  62. margin-top: 27rpx;
  63. }
  64. .detail_msg>view:nth-child(1)>view:nth-child(2) text:nth-child(2) {
  65. font-size: 22rpx;
  66. color: #333;
  67. }
  68. .detail_msg>view:nth-child(1)>view:nth-child(2) text:nth-child(2) text {
  69. font-size: 22rpx;
  70. color: #ff3434;
  71. }
  72. .detail_msg>view:nth-child(1)>view:nth-child(2) text:nth-child(3) {
  73. font-size: 36rpx;
  74. color: #ff3434;
  75. margin-top: 15rpx;
  76. font-weight: bold;
  77. }
  78. .detail_msg>view:nth-child(1)>view:nth-child(2) text:nth-child(3) text {
  79. font-size: 24rpx;
  80. color: #b4b4b4;
  81. text-decoration: line-through;
  82. }
  83. .detail_msg>view:nth-child(2) text {
  84. font-size: 28rpx;
  85. }
  86. .detail_msg>view:nth-child(2), .detail_msg>view:nth-child(3) {
  87. width: 92%;
  88. height: 88rpx;
  89. line-height: 88rpx;
  90. border-top: 1px solid #f5f5f5;
  91. display: flex;
  92. justify-content: space-between;
  93. padding: 0 4%;
  94. }
  95. .detail_msg>view:nth-child(2), .detail_msg>view:nth-child(3) text {
  96. font-size: 28rpx;
  97. }
  98. .detail_msg>view:nth-child(2) text:nth-child(2),
  99. .detail_msg>view:nth-child(3) text:nth-child(2) {
  100. color: #b8b8b8;
  101. }
  102. .detail_info {
  103. width: 100%;
  104. height: 352rpx !important;
  105. background: #fff;
  106. margin-top: 2%;
  107. display: flex;
  108. flex-direction: column;
  109. }
  110. .detail_info view {
  111. width: 92%;
  112. height: 88rpx;
  113. border-top: 1px solid #f5f5f5;
  114. display: flex;
  115. justify-content: space-between;
  116. padding: 0 4%;
  117. line-height: 88rpx;
  118. }
  119. .detail_info view text {
  120. font-size: 28rpx;
  121. }
  122. .detail_info view text:nth-child(2) {
  123. color: #b8b8b8;
  124. }
  125. .detail_info view:nth-child(4) text:nth-child(2) {
  126. color: #ffae00;
  127. }
  128. .status {
  129. width: 320rpx;
  130. height: 320rpx;
  131. position: fixed;
  132. right: 0;
  133. bottom: 20%;
  134. }
  135. .status image {
  136. width: 100%;
  137. height: 100%;
  138. }