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.

191 satır
3.1KB

  1. /* pages/TicketDetails/TicketDetails.wxss */
  2. page{
  3. width: 100%;
  4. height: 100%;
  5. overflow: hidden;
  6. background-color: #f9f6f6;
  7. }
  8. .ticketImg{
  9. width: 100%;
  10. height: 472rpx;
  11. }
  12. .imgView{
  13. width: 100%;
  14. height: 300rpx;
  15. overflow: hidden;
  16. border-radius:0px 0px 30rpx 30rpx;
  17. position: relative
  18. }
  19. .tooth{
  20. display: block;
  21. width: 694rpx;
  22. height: 10rpx;
  23. position: absolute;
  24. left: 50%;
  25. bottom: -4rpx;
  26. transform: translateX(-50%);
  27. }
  28. .buyNum{
  29. width: 100%;
  30. height: 190rpx;
  31. display: flex;
  32. justify-content: space-between;
  33. align-items: center;
  34. background-color: #ffffff;
  35. border-radius: 30rpx;
  36. overflow: hidden;
  37. }
  38. .ticketName{
  39. margin-left: 96rpx;
  40. }
  41. .lineRig{
  42. margin-right: 55rpx;
  43. }
  44. .line{
  45. margin-left: 94rpx;
  46. margin-right: 46rpx;
  47. width: 1rpx;
  48. height: 126rpx;
  49. background-color: rgba(204,204,204,1);
  50. }
  51. .bigWord{
  52. font-size:100rpx;
  53. font-family:DINPro;
  54. font-weight:bold;
  55. color:rgba(235,97,0,1);
  56. }
  57. .smaWord{
  58. font-size:30rpx;
  59. font-family:SourceHanSansCN;
  60. font-weight:bold;
  61. color:rgba(51,51,51,1);
  62. }
  63. .title{
  64. display: inline-block;
  65. width: 100%;
  66. margin-bottom:7px;
  67. text-align: center;
  68. font-size:30rpx;
  69. font-family:SourceHanSansCN;
  70. font-weight:bold;
  71. color:rgba(51,51,51,1);
  72. line-height:30rpx;
  73. }
  74. .timeLimit{
  75. height: 26rpx;
  76. display: flex;
  77. align-items: center;
  78. margin-top: 23rpx;
  79. margin-bottom: 15rpx;
  80. }
  81. .timeLimit image{
  82. width: 20rpx;
  83. height: 20rpx;
  84. margin-left: 32rpx;
  85. margin-right: 16rpx;
  86. }
  87. .timeLimit text{
  88. font-size:26rpx;
  89. font-family:SourceHanSansCN;
  90. font-weight:bold;
  91. color:rgba(51,51,51,1);
  92. line-height:30rpx;
  93. }
  94. .specify{
  95. font-size:22rpx;
  96. font-family:SourceHanSansCN;
  97. font-weight:400;
  98. color:rgba(102,102,102,1);
  99. line-height:30rpx;
  100. width: 613rpx;
  101. margin-left: 69rpx;
  102. }
  103. .lookView{
  104. width: 100%;
  105. text-align: center;
  106. margin-top: 20rpx;
  107. height: 200rpx;
  108. background-color: #fff;
  109. border-radius: 30rpx;
  110. display: flex;
  111. justify-content: center;
  112. align-items: center;
  113. }
  114. .codeImg{
  115. width: 200rpx;
  116. height: 200rpx
  117. }
  118. .botAll{
  119. background-color: #ffffff;
  120. border-radius:30rpx;
  121. margin-top: 10rpx;
  122. padding: 50rpx 0;
  123. }
  124. .circleLeft{
  125. background-color: #f9f6f6;
  126. border-radius: 50%;
  127. width: 50rpx;
  128. height: 50rpx;
  129. position: absolute;
  130. left: -25rpx;
  131. }
  132. .circleRig{
  133. background-color: #f9f6f6;
  134. border-radius: 50%;
  135. width: 50rpx;
  136. height: 50rpx;
  137. position: absolute;
  138. right: -25rpx;
  139. }
  140. /* .scrollY{
  141. height: 200rpx;
  142. margin-top: 107rpx;
  143. }
  144. .historyIcon{
  145. width: 30rpx;
  146. height: 30rpx;
  147. }
  148. .history{
  149. display: flex;
  150. justify-content: space-between;
  151. align-items: center;
  152. margin-top: 20rpx;
  153. padding: 0 50rpx;
  154. }
  155. .historyLeft{
  156. position: relative;
  157. width: 179rpx;
  158. height: 36rpx;
  159. }
  160. .ticketCode{
  161. width: 179rpx;
  162. text-align: center;
  163. font-size:20rpx;
  164. font-family:DIN;
  165. font-weight:500;
  166. color:rgba(255,255,255,1);
  167. position: absolute;
  168. top: 50%;
  169. transform: translateY(-50%);
  170. }
  171. .historyTicketBg{
  172. width: 179rpx;
  173. height: 36rpx;
  174. }
  175. .tickName{
  176. font-size:24rpx;
  177. color:rgba(102,102,102,1);
  178. margin-left: 95rpx;
  179. }
  180. .tickType{
  181. font-size:24rpx;
  182. font-family:SourceHanSansCN;
  183. font-weight:bold;
  184. color:rgba(235,97,0,1);
  185. } */