index.rpx.css 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172
  1. .page{
  2. background: #F7F7F7;
  3. min-height: 100vh;
  4. padding: 1rpx 32rpx;
  5. }
  6. .outView{
  7. background: #FFFFFF;
  8. border-radius: 20rpx;
  9. padding: 28rpx 24rpx;
  10. margin-bottom: 24rpx;
  11. }
  12. .roleName{
  13. margin-right: 20rpx;
  14. font-size: 28rpx;
  15. font-weight: 400;
  16. color: #333333;
  17. line-height: 44rpx;
  18. }
  19. .title{
  20. font-size: 32rpx;
  21. font-weight: 500;
  22. color: #333333;
  23. line-height: 44rpx;
  24. font-weight: bold;
  25. }
  26. .awardView{
  27. font-size: 28rpx;
  28. font-weight: 400;
  29. color: #666666;
  30. line-height: 40rpx;
  31. padding: 5rpx 0;
  32. }
  33. .award{
  34. width: 500rpx;
  35. }
  36. .discount{
  37. margin-top: 20rpx;
  38. border: 1px solid rgba(226, 136, 136, 0.83);
  39. padding: 0 6rpx;
  40. border-radius: 10rpx;
  41. }
  42. .discount:first-child{
  43. margin-top: 0rpx;
  44. }
  45. .awardItem{
  46. min-width: 230rpx;
  47. }
  48. .addButton{
  49. width: 686rpx;
  50. height: 84rpx;
  51. background: #FFFFFF;
  52. border-radius: 54rpx;
  53. border: 4rpx dashed #FFE05C;
  54. text-align: center;
  55. line-height: 84rpx;
  56. font-size: 28rpx;
  57. font-weight: 400;
  58. color: #333333;
  59. margin-top: 24rpx;
  60. }
  61. .scroll-Y{
  62. height: 50vh;
  63. overflow: auto;
  64. }
  65. .rulePopup{
  66. height: 900rpx;
  67. border-top-right-radius: 10rpx;
  68. border-top-left-radius: 10rpx;
  69. background: white;
  70. padding: 0 32rpx;
  71. background: #f7f7f7;
  72. }
  73. .popupTitle{
  74. line-height: 100rpx;
  75. font-size: 32rpx;
  76. font-weight: bold;
  77. color: #111111;
  78. }
  79. .scroll-Y1{
  80. height: 600rpx;
  81. }
  82. .label{
  83. padding: 24rpx 32rpx;
  84. background: #F7F7F7;
  85. margin-top: 24rpx;
  86. border-radius: 15rpx;
  87. }
  88. .confirmButton{
  89. width: 686rpx;
  90. height: 108rpx;
  91. background: #FFE05C;
  92. border-radius: 60rpx;
  93. text-align: center;
  94. font-size: 32rpx;
  95. font-weight: 500;
  96. color: #111111;
  97. line-height: 108rpx;
  98. margin-top: 24rpx;
  99. }
  100. .createQrCodePopup{
  101. width: 638rpx;
  102. height: 750rpx;
  103. background: #FFFFFF;
  104. border-radius: 24rpx;
  105. position: relative;
  106. }
  107. .xoIcon{
  108. position: absolute;
  109. top: 20rpx;
  110. right: 32rpx;
  111. }
  112. .rolePopup{
  113. height: 700rpx;
  114. border-top-right-radius: 10rpx;
  115. border-top-left-radius: 10rpx;
  116. padding: 0 32rpx;
  117. background: white;
  118. }
  119. .scroll-Y2{
  120. height: 450rpx;
  121. }
  122. .roleName1{
  123. padding: 20rpx;
  124. font-size: 30rpx;
  125. font-weight: bold;
  126. border-radius: 10rpx;
  127. background: #f7f7f7;
  128. margin-top: 24rpx;
  129. }
  130. .roleName1:first-child{
  131. margin-top: 0;
  132. }
  133. .selectRoleName1{
  134. background: rgba(255, 224, 92, 0.1);
  135. /*box-shadow: 0 0 0 2px #FFE05C;*/
  136. border: 4rpx solid #FFE05C;
  137. box-sizing:border-box
  138. }
  139. .tag{
  140. background: #FFF6CE;
  141. border-radius: 8rpx;
  142. border: 2rpx solid #FFE05C;
  143. font-size: 20rpx;
  144. font-weight: 400;
  145. color: #333333;
  146. line-height: 48rpx;
  147. padding: 0rpx 15rpx;
  148. margin-left: 10rpx;
  149. }
  150. .dataNullView{
  151. background: #FFFFFF;
  152. border-radius: 20rpx;
  153. padding: 24rpx;
  154. text-align: center;
  155. }
  156. .dataNullImage{
  157. width: 300rpx;
  158. height: 300rpx;
  159. }
  160. .roleName1{
  161. background: #FFFFFF;
  162. color: #007aff;
  163. }
  164. .roleHint{
  165. color: #999999;
  166. }
  167. .qrCreateTime{
  168. margin-top: 24rpx;
  169. font-size: 24rpx;
  170. color: #999999;
  171. }