Nie możesz wybrać więcej, niż 25 tematów Tematy muszą się zaczynać od litery lub cyfry, mogą zawierać myślniki ('-') i mogą mieć do 35 znaków.

154 lines
2.5KB

  1. /* pages/buyTicket/buyTicket.wxss */
  2. page{
  3. height: 100%;
  4. background-color: #f9f6f6;
  5. /* background-color: red; */
  6. }
  7. .ticketImg{
  8. width: 100%;
  9. height: 472rpx;
  10. }
  11. .imgView{
  12. width: 100%;
  13. height: 300rpx;
  14. overflow: hidden;
  15. border-radius:0px 0px 30rpx 30rpx;
  16. position: relative
  17. }
  18. .tooth{
  19. display: block;
  20. width: 694rpx;
  21. height: 10rpx;
  22. position: absolute;
  23. left: 50%;
  24. bottom: -4rpx;
  25. transform: translateX(-50%);
  26. }
  27. .buyNum{
  28. width: 100%;
  29. height: 190rpx;
  30. display: flex;
  31. justify-content: space-between;
  32. align-items: center;
  33. border-radius:30rpx;
  34. background-color: #ffffff;
  35. }
  36. .line{
  37. margin-left: 94rpx;
  38. margin-right: 46rpx;
  39. width: 1rpx;
  40. height: 126rpx;
  41. background-color: rgba(204,204,204,1);
  42. }
  43. .chooseNum text{
  44. font-size: 30rpx;
  45. font-weight:bold;
  46. color:rgba(51,51,51,1);
  47. }
  48. .inputNum{
  49. width: 70rpx;
  50. margin: 0 15rpx;
  51. text-align: center;
  52. background-color: #f9f6f6;
  53. }
  54. .subtract{
  55. width: 28rpx;
  56. height: 4rpx;
  57. }
  58. .textAdd{
  59. width: 28rpx;
  60. height: 28rpx;
  61. }
  62. .subtractView{
  63. width: 28rpx;
  64. height: 28rpx;
  65. display: flex;
  66. justify-content: center;
  67. align-items: center;
  68. background: #ffffff;
  69. }
  70. .ticketName{
  71. font-size:36rpx;
  72. font-family:SourceHanSansCN;
  73. font-weight:bold;
  74. color:rgba(51,51,51,1);
  75. margin-left:96rpx;
  76. }
  77. .chooseNum{
  78. display: flex;
  79. align-items: center;
  80. margin-right: 54rpx;
  81. border: 2rpx solid #f9f6f6;
  82. padding: 0 20rpx;
  83. }
  84. .title{
  85. display: inline-block;
  86. width: 100%;
  87. margin-bottom:7rpx;
  88. text-align: center;
  89. font-size:30rpx;
  90. font-family:SourceHanSansCN;
  91. font-weight:bold;
  92. color:rgba(51,51,51,1);
  93. line-height:30rpx;
  94. }
  95. .timeLimit{
  96. height: 26rpx;
  97. display: flex;
  98. align-items: center;
  99. margin-top: 23rpx;
  100. margin-bottom: 15rpx;
  101. }
  102. .timeLimit image{
  103. width: 20rpx;
  104. height: 20rpx;
  105. margin-left: 32rpx;
  106. margin-right: 16rpx;
  107. }
  108. .timeLimit text{
  109. font-size:26rpx;
  110. font-family:SourceHanSansCN;
  111. font-weight:bold;
  112. color:rgba(51,51,51,1);
  113. line-height:30rpx;
  114. }
  115. .specify{
  116. font-size:22rpx;
  117. font-family:SourceHanSansCN;
  118. font-weight:400;
  119. color:rgba(102,102,102,1);
  120. line-height:30rpx;
  121. width: 613rpx;
  122. margin-left: 69rpx;
  123. }
  124. .buyBtn{
  125. width: 100%;
  126. height: 99rpx;
  127. margin-top: 90rpx;
  128. }
  129. .botAll{
  130. background-color: #ffffff;
  131. border-radius:30rpx;
  132. margin-top: 10rpx;
  133. padding: 50rpx 0;
  134. }
  135. .circleLeft{
  136. background-color: #f9f6f6;
  137. border-radius: 50%;
  138. width: 50rpx;
  139. height: 50rpx;
  140. position: absolute;
  141. left: -25rpx;
  142. }
  143. .circleRig{
  144. background-color: #f9f6f6;
  145. border-radius: 50%;
  146. width: 50rpx;
  147. height: 50rpx;
  148. position: absolute;
  149. right: -25rpx;
  150. }