index.wxss 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178
  1. @charset "UTF-8";
  2. .text-center.data-v-8ed72f3c {
  3. text-align: center;
  4. }
  5. .font-weight.data-v-8ed72f3c {
  6. font-weight: bold;
  7. }
  8. .page-width.data-v-8ed72f3c {
  9. width: 100%;
  10. }
  11. .goods-hover-class.data-v-8ed72f3c {
  12. opacity: .9;
  13. background-color: #f7f7f7;
  14. }
  15. .background-image.data-v-8ed72f3c {
  16. background-repeat: no-repeat;
  17. background-size: 100% 100%;
  18. background-position: center;
  19. }
  20. /*全局文字大小*/
  21. /* 屏幕宽度*/
  22. page.data-v-8ed72f3c {
  23. font-size: 32rpx;
  24. background: #f7f7f7;
  25. }
  26. .page-width.data-v-8ed72f3c {
  27. width: 100%;
  28. }
  29. .u-hover-class.data-v-8ed72f3c {
  30. opacity: .9;
  31. background-color: #f7f7f7;
  32. }
  33. .safe-area-inset-bottom.data-v-8ed72f3c {
  34. padding-bottom: 0;
  35. padding-bottom: constant(safe-area-inset-bottom);
  36. padding-bottom: env(safe-area-inset-bottom);
  37. }
  38. .dialog-bg.data-v-8ed72f3c {
  39. position: fixed;
  40. top: 0;
  41. left: 0;
  42. width: 100%;
  43. height: 100%;
  44. background-color: rgba(0, 0, 0, 0.3);
  45. z-index: 1000;
  46. }
  47. .dialog-bg .dialog.data-v-8ed72f3c {
  48. font-size: 30rpx;
  49. color: #353535;
  50. width: 480rpx;
  51. height: 200rpx;
  52. border-radius: 16rpx;
  53. text-align: center;
  54. background-color: #fff;
  55. }
  56. .dialog-bg .dialog .dialog-content.data-v-8ed72f3c {
  57. height: 110rpx;
  58. line-height: 110rpx;
  59. }
  60. .dialog-bg .dialog .dialog-btn.data-v-8ed72f3c {
  61. position: relative;
  62. height: 90rpx;
  63. border-top: 2rpx solid #e2e2e2;
  64. }
  65. .dialog-bg .dialog .dialog-btn .btn.data-v-8ed72f3c {
  66. width: 240rpx;
  67. height: 90rpx;
  68. text-align: center;
  69. line-height: 90rpx;
  70. font-size: 26rpx;
  71. }
  72. .dialog-bg .dialog .dialog-btn .line.data-v-8ed72f3c {
  73. position: absolute;
  74. top: 20rpx;
  75. left: 50%;
  76. margin-left: -1rpx;
  77. width: 2rpx;
  78. height: 45rpx;
  79. background-color: #e2e2e2;
  80. }
  81. .list.data-v-8ed72f3c {
  82. background-color: #fff;
  83. border-radius: 16rpx;
  84. margin: 24rpx;
  85. width: 702rpx;
  86. padding: 0 24rpx 40rpx;
  87. }
  88. .list .title.data-v-8ed72f3c {
  89. height: 115rpx;
  90. border-bottom: 2rpx solid #e2e2e2;
  91. font-size: 22rpx;
  92. }
  93. .list .title .title-name.data-v-8ed72f3c {
  94. font-size: 22rpx;
  95. color: #666;
  96. }
  97. .list .title .title-name .title-text.data-v-8ed72f3c {
  98. font-size: 28rpx;
  99. font-weight: 600;
  100. color: #353535;
  101. }
  102. .list .title .status-text.data-v-8ed72f3c {
  103. width: 145rpx;
  104. text-align: right;
  105. }
  106. .list .goods-list.data-v-8ed72f3c {
  107. position: relative;
  108. height: 160rpx;
  109. }
  110. .list .goods-list .goods.data-v-8ed72f3c {
  111. height: 160rpx;
  112. padding-top: 20rpx;
  113. padding-bottom: 20rpx;
  114. }
  115. .list .goods-list .goods image.data-v-8ed72f3c {
  116. margin-right: 20rpx;
  117. height: 120rpx;
  118. width: 120rpx;
  119. border-radius: 16rpx;
  120. }
  121. .list .goods-list .right-arrow.data-v-8ed72f3c {
  122. position: absolute;
  123. top: 50%;
  124. margin-top: -12rpx;
  125. right: 24rpx;
  126. width: 12rpx;
  127. height: 24rpx;
  128. }
  129. .list .other.data-v-8ed72f3c {
  130. font-size: 22rpx;
  131. color: #666;
  132. height: 60rpx;
  133. }
  134. .list .other .other-button.data-v-8ed72f3c {
  135. line-height: 58rpx;
  136. height: 58rpx;
  137. padding: 0 35rpx;
  138. border-radius: 30rpx;
  139. border: 2rpx solid;
  140. display: inline-block;
  141. font-size: 24rpx;
  142. margin-left: 25rpx;
  143. }
  144. .list .other .other-button.un-active.data-v-8ed72f3c {
  145. background-color: #F7F7F7;
  146. border-color: #F7F7F7;
  147. color: #E2E2E2;
  148. }
  149. .list .other .other-button.normal-button.data-v-8ed72f3c {
  150. border-color: #e2e2e2;
  151. }
  152. .empty-box.data-v-8ed72f3c {
  153. width: 100%;
  154. height: 60vh;
  155. display: -webkit-box;
  156. display: -webkit-flex;
  157. display: flex;
  158. -webkit-box-pack: center;
  159. -webkit-justify-content: center;
  160. justify-content: center;
  161. -webkit-box-align: center;
  162. -webkit-align-items: center;
  163. align-items: center;
  164. -webkit-box-orient: vertical;
  165. -webkit-box-direction: normal;
  166. -webkit-flex-direction: column;
  167. flex-direction: column;
  168. }
  169. .empty-box image.data-v-8ed72f3c {
  170. width: 280rpx;
  171. height: 280rpx;
  172. }
  173. .empty-box ._span.data-v-8ed72f3c {
  174. margin-top: 15rpx;
  175. color: #999;
  176. font-size: 28rpx;
  177. }