選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

givePage.wxss 2.5KB

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