index.rpx.css 3.0 KB

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