C端小程序
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.

233 line
3.3 KiB

  1. @import "../../app.wxss";
  2. page {
  3. background: linear-gradient(180deg, #FD832D 0%, #FE4A16 100%);
  4. }
  5. .codeBox {
  6. background: linear-gradient(180deg, #FD832D 0%, #FE4A16 100%);
  7. height: 100%;
  8. overflow: auto;
  9. }
  10. .none {
  11. font-size: 24rpx;
  12. text-align: center;
  13. margin-top: 38rpx;
  14. color: #FFFFFF;
  15. float: none !important;
  16. }
  17. .coedTiem {
  18. text-align: center;
  19. color: rgba(253, 131, 45, 1);
  20. margin-bottom: 10rpx;
  21. }
  22. .headerbg image {
  23. display: block;
  24. width: 100%;
  25. }
  26. .fl {
  27. float: left;
  28. }
  29. .fr {
  30. float: right;
  31. }
  32. .title {
  33. padding: 20rpx 40rpx 30rpx;
  34. color: #3C3C3C;
  35. text-align: center;
  36. font-size: 26rpx;
  37. }
  38. .card {
  39. position: relative;
  40. width: 335rpx;
  41. margin: 0 auto 18rpx;
  42. border-radius: 16rpx;
  43. overflow: hidden;
  44. padding-bottom: 20rpx;
  45. background: #fff;
  46. height: 185rpx;
  47. }
  48. .txt01 text {
  49. display: block;
  50. text-align: center;
  51. }
  52. .cards {
  53. padding: 0 33rpx;
  54. }
  55. .cards>view:nth-of-type(2n) {
  56. float: right;
  57. }
  58. .cards>view:nth-of-type(2n+1) {
  59. float: left;
  60. }
  61. .tit {
  62. font-size: 36rpx;
  63. color: rgba(51, 51, 51, 1);
  64. margin: -40rpx auto 0;
  65. white-space: nowrap;
  66. text-overflow: ellipsis;
  67. overflow: hidden;
  68. width: 280rpx;
  69. text-align: center;
  70. }
  71. .cardtype {
  72. position: absolute;
  73. right: 28rpx;
  74. top: 20rpx;
  75. font-size: 24rpx;
  76. color: rgba(99, 188, 230, 1);
  77. }
  78. .footer {
  79. margin-top: 26rpx;
  80. font-size: 26rpx;
  81. font-weight: 500;
  82. color: rgba(153, 153, 153, 1);
  83. }
  84. .footer text {
  85. text-indent: 33rpx;
  86. }
  87. .footer image {
  88. width: 24rpx;
  89. margin-right: 33rpx;
  90. position: absolute;
  91. right: 0rpx;
  92. bottom: 20rpx;
  93. }
  94. .triangle {
  95. width: 0px;
  96. height: 0px;
  97. border-color: transparent #dab055;
  98. border-width: 0 0 110rpx 110rpx;
  99. border-style: solid;
  100. }
  101. .discount {
  102. position: absolute;
  103. color: #fff;
  104. width: 110rpx;
  105. height: 100rpx;
  106. font-size: 20rpx;
  107. left: 13rpx;
  108. top: -11rpx;
  109. z-index: 10;
  110. transform: rotate(315deg);
  111. }
  112. .discount text {
  113. font-size: 28rpx;
  114. }
  115. .level {
  116. color: #FD832D;
  117. }
  118. #mycanvas2 {
  119. height: 300rpx;
  120. width: 300rpx;
  121. margin: 40rpx auto 20rpx;
  122. }
  123. .goback {
  124. position: fixed;
  125. right: 50rpx;
  126. bottom: 60rpx;
  127. width: 100rpx !important;
  128. height: 100rpx;
  129. z-index: 100;
  130. background: rgba(255, 255, 255, 1);
  131. line-height: 95rpx;
  132. border: 1rpx solid rgba(227, 227, 227, 1);
  133. border-radius: 50%;
  134. }
  135. .goback image {
  136. position: absolute;
  137. width: 60rpx;
  138. left: 0;
  139. right: 0;
  140. top: 0;
  141. bottom: 0;
  142. margin: auto;
  143. }
  144. .code {
  145. width: 690rpx;
  146. height: 900rpx;
  147. background: #fff;
  148. margin: 20rpx auto;
  149. border-radius: 10rpx;
  150. padding: 20rpx 0 40rpx;
  151. }
  152. #barcode {
  153. width: 600rpx;
  154. height: 150rpx;
  155. margin: 0 auto 10rpx;
  156. }
  157. .canWrap {
  158. width: 358rpx;
  159. height: 358rpx;
  160. }
  161. .negatived {
  162. position: relative;
  163. }
  164. .negatived .refreshCode {
  165. position: absolute;
  166. top: 350rpx;
  167. left: 50%;
  168. transform: translateX(-50%);
  169. color: #7a7a7a;
  170. font-weight: 600;
  171. }
  172. .code image {
  173. width: 500rpx;
  174. height: 500rpx;
  175. display: block;
  176. margin: 70rpx auto 60rpx;
  177. }
  178. .memCode {
  179. width: 562rpx;
  180. height: 88rpx;
  181. line-height: 88rpx;
  182. border-radius: 16rpx;
  183. border: 1px solid rgba(225, 225, 225, 1);
  184. margin: 36rpx auto 0;
  185. color: #666;
  186. display: block;
  187. font-size: 24rpx;
  188. text-align: center;
  189. }
  190. .memNum {
  191. font-weight: 600;
  192. font-size: 32rpx;
  193. color: #3C3C3C;
  194. font-family: PingFangSC-Medium;
  195. text-align: center;
  196. }
  197. .building {
  198. display: inline-block;
  199. }