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.

153 rivejä
2.3 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. }
  81. .triangle {
  82. width: 0px;
  83. height: 0px;
  84. border-color: transparent #DAB055;
  85. border-width: 0 0 110rpx 110rpx;
  86. border-style: solid;
  87. }
  88. .discount{
  89. position: absolute;
  90. color: #fff;
  91. width: 110rpx;
  92. height: 100rpx;
  93. font-size: 20rpx;
  94. left:13rpx;
  95. top:-11rpx;
  96. z-index: 10;
  97. transform:rotate(315deg);
  98. }
  99. .discount text{
  100. font-size: 28rpx;
  101. }
  102. .level{
  103. color: yellow;
  104. }
  105. #mycanvas2{
  106. height: 300rpx;
  107. width: 300rpx;
  108. margin: 40rpx auto 20rpx;
  109. }
  110. .goback{
  111. position: fixed;
  112. right: 50rpx;
  113. bottom: 60rpx;
  114. width:100rpx!important;
  115. height:100rpx;
  116. z-index: 100;
  117. background:rgba(255,255,255,1);
  118. line-height: 95rpx;
  119. border:1rpx solid rgba(227,227,227,1);
  120. border-radius:50%;
  121. }
  122. .goback image{
  123. position: absolute;
  124. width: 60rpx;
  125. left: 0;
  126. right: 0;
  127. top: 0;
  128. bottom: 0;
  129. margin: auto;
  130. }
  131. .code{
  132. width: 684rpx;
  133. background: #fff;
  134. margin: 0 auto;
  135. border-radius:10rpx;
  136. padding: 20rpx 0 40rpx;
  137. }
  138. .code text{
  139. color: #666;
  140. display: block;
  141. text-align: center;
  142. font-size: 28rpx;
  143. }
  144. #barcode{
  145. width: 600rpx;
  146. height: 150rpx;
  147. margin: 0 auto 10rpx;
  148. }
  149. .code image{
  150. display: block;
  151. width: 500rpx;
  152. margin: 0 auto;
  153. }