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.

186 rivejä
2.5 KiB

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