C端小程序
Ви не можете вибрати більше 25 тем Теми мають розпочинатися з літери або цифри, можуть містити дефіси (-) і не повинні перевищувати 35 символів.

205 рядки
2.9 KiB

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