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.

buyTicket.wxss 2.6KB

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