您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

givePage.wxss 2.6KB

5 年前
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163
  1. /* pages/givePage/givePage.wxss */
  2. page{
  3. height: 100%;
  4. }
  5. .all{
  6. height: 100%;
  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: center;
  33. align-items: center;
  34. }
  35. .line{
  36. margin-left: 94rpx;
  37. margin-right: 46rpx;
  38. width: 1rpx;
  39. height: 126rpx;
  40. background-color: rgba(204,204,204,1);
  41. }
  42. .chooseNum{
  43. display: flex;
  44. align-items: center;
  45. }
  46. .chooseNum text{
  47. font-size: 30rpx;
  48. font-weight:bold;
  49. color:rgba(51,51,51,1);
  50. }
  51. .textNum{
  52. margin: 0 25rpx;
  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. }
  76. .giveFrind{
  77. padding: 47rpx 41rpx 47rpx 32rpx;
  78. display: flex;
  79. justify-content: space-between;
  80. align-items: center;
  81. }
  82. .giveView{
  83. font-size:26rpx;
  84. font-family:SourceHanSansCN;
  85. font-weight:bold;
  86. color:rgba(51,51,51,1);
  87. line-height:30px;
  88. }
  89. .surplus{
  90. display: inline-block;
  91. width:34rpx;
  92. height:70rpx;
  93. font-size:36rpx;
  94. font-family:SourceHanSansCN;
  95. font-weight:bold;
  96. color:rgba(51,51,51,1);
  97. }
  98. .bigWord{
  99. font-size:100rpx;
  100. font-family:DINPro;
  101. font-weight:bold;
  102. color:rgba(235,97,0,1);
  103. }
  104. .smaWord{
  105. font-size:30rpx;
  106. font-family:SourceHanSansCN;
  107. font-weight:bold;
  108. color:rgba(51,51,51,1);
  109. }
  110. .title{
  111. display: inline-block;
  112. width: 100%;
  113. margin: 57rpx 0 7rpx 0;
  114. text-align: center;
  115. font-size:30rpx;
  116. font-family:SourceHanSansCN;
  117. font-weight:bold;
  118. color:rgba(51,51,51,1);
  119. line-height:30rpx;
  120. }
  121. .timeLimit{
  122. height: 26rpx;
  123. display: flex;
  124. align-items: center;
  125. margin-top: 23rpx;
  126. margin-bottom: 15rpx;
  127. }
  128. .timeLimit image{
  129. width: 20rpx;
  130. height: 20rpx;
  131. margin-left: 32rpx;
  132. margin-right: 16rpx;
  133. }
  134. .timeLimit text{
  135. font-size:26rpx;
  136. font-family:SourceHanSansCN;
  137. font-weight:bold;
  138. color:rgba(51,51,51,1);
  139. line-height:30rpx;
  140. }
  141. .specify{
  142. font-size:22rpx;
  143. font-family:SourceHanSansCN;
  144. font-weight:400;
  145. color:rgba(102,102,102,1);
  146. line-height:30rpx;
  147. width: 613rpx;
  148. margin-left: 69rpx;
  149. }
  150. .giveBtn{
  151. width: 100%;
  152. height: 98rpx;
  153. }
  154. .shareBtn{
  155. width: 100%;
  156. height: 98rpx;
  157. margin-top: 12rpx;
  158. padding: 0;
  159. border-radius: 0;
  160. }