C端小程序
Du kannst nicht mehr als 25 Themen auswählen Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.

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