25개 이상의 토픽을 선택하실 수 없습니다. Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

248 lines
3.7 KiB

  1. /* pages/giveCoupon/index.wxss */
  2. page{
  3. background: #f8f8fa;
  4. }
  5. .exchange {
  6. width: 100%;
  7. height: 100%;
  8. background: #f8f8fa;
  9. padding-bottom: 130rpx;
  10. }
  11. .exchangeBox{
  12. margin-top: 20rpx;
  13. }
  14. .section {
  15. width: 710rpx;
  16. margin-top: 8%;
  17. background: #fff;
  18. display: flex;
  19. flex-direction: column;
  20. border: 1px solid #eaeaea;
  21. border-radius: 18rpx;
  22. margin: auto;
  23. }
  24. .section view {
  25. position: relative;
  26. width: 92%;
  27. height: 88rpx;
  28. line-height: 88rpx;
  29. display: flex;
  30. justify-content: space-between;
  31. padding: 0 4%;
  32. }
  33. .section view text {
  34. font-size: 30rpx;
  35. color: #999999;
  36. letter-spacing: 1.16rpx;
  37. }
  38. .section view text:nth-child(2) {
  39. font-size: 28rpx;
  40. color: #000;
  41. letter-spacing: 1.16rpx;
  42. text-align: right;
  43. }
  44. .sure{
  45. width: 100%;
  46. height: 94rpx;
  47. position: fixed;
  48. left: 0;
  49. right: 0;
  50. bottom: 0;
  51. color: #FFF;
  52. font-size: 36rpx;
  53. background-color: #52A0FD;
  54. }
  55. .img {
  56. margin-top: -60rpx;
  57. display: block;
  58. width: 100%;
  59. }
  60. .listBox{
  61. margin: 20rpx auto 0
  62. }
  63. .couList{
  64. position: relative;
  65. width:92%;
  66. padding:0 4%;
  67. margin-top: 20rpx;
  68. }
  69. .couList >view{
  70. background: #fff;
  71. margin: 30rpx auto;
  72. box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);
  73. border-radius:16rpx;
  74. padding: 25rpx;
  75. }
  76. .conBox {
  77. height: 60rpx;
  78. line-height: 60rpx;
  79. display: flex;
  80. justify-content: space-between;
  81. font-size: 28rpx;
  82. }
  83. .conBox view:nth-child(1){
  84. width:460rpx;
  85. overflow: hidden;
  86. text-overflow:ellipsis;
  87. white-space: nowrap;
  88. }
  89. .conBox view:nth-child(2){
  90. width:170rpx;
  91. overflow: hidden;
  92. text-overflow:ellipsis;
  93. white-space: nowrap;
  94. text-align: right;
  95. }
  96. .yxq>text{
  97. font-size: 28rpx;
  98. height: 60rpx;
  99. line-height: 60rpx;
  100. color:#999999;
  101. }
  102. .yxq1>text{
  103. font-size: 24rpx!important;
  104. }
  105. .conBoxM {
  106. width: 92%;
  107. padding: 5% 4%;
  108. display: flex;
  109. justify-content: space-between;
  110. font-size: 30rpx;
  111. background:rgba(0,0,0,.5);
  112. }
  113. .conBox text{
  114. font-size: 30rpx;
  115. }
  116. .conBoxM text{
  117. font-size: 30rpx;
  118. }
  119. .jiaoyi {
  120. width: 160rpx;
  121. display: block;
  122. margin: 200rpx auto 0;
  123. }
  124. .hide {
  125. width: 100%;
  126. height: 55rpx;
  127. line-height: 55rpx;
  128. }
  129. .hide text {
  130. color: #999;
  131. display: block;
  132. text-align: center;
  133. font-size: 28rpx;
  134. }
  135. .gou {
  136. position: absolute;
  137. top: -2rpx;
  138. right:25rpx;
  139. width: 60rpx;
  140. }
  141. .bg{
  142. position: fixed;
  143. top: 0;
  144. left: 0;
  145. right: 0;
  146. width: 100%;
  147. height: 100%;
  148. background-color:rgba(0,0,0,0.2);
  149. z-index: 10;
  150. }
  151. .tank{
  152. width: 80%;
  153. background: #FFF;
  154. position: fixed;
  155. top: 150rpx;
  156. left: 0;
  157. right: 0;
  158. z-index: 20;
  159. margin: 0 auto;
  160. padding: 4% 0;
  161. border-radius: 18rpx;
  162. }
  163. .tit{
  164. text-align: center;
  165. margin: 20rpx auto;
  166. font-size: 30rx;
  167. }
  168. .member, .phone{
  169. text-align: center;
  170. display: flex;
  171. font-size: 28rpx;
  172. padding: 3% 5%;
  173. }
  174. .quan{
  175. width: 85%;
  176. padding: 10rpx 2%;
  177. margin: 0 auto 30rpx;
  178. overflow: hidden;
  179. text-overflow:ellipsis;
  180. white-space: nowrap;
  181. background: #52A0FD;
  182. color: #FFF;
  183. box-shadow:0 6px 20px 0 rgba(0, 0, 0, 0.30);
  184. border-radius: 16rpx;
  185. }
  186. .quan view{
  187. line-height: 60rpx;
  188. }
  189. .quan text{
  190. font-size: 32rpx;
  191. }
  192. .btn{
  193. display: flex;
  194. padding: 3% 5%;
  195. justify-content: space-around;
  196. }
  197. .btn >view{
  198. width:170rpx;
  199. height: 80rpx;
  200. line-height: 80rpx;
  201. border-radius: 18rpx;
  202. font-size: 28rpx;
  203. text-align: center;
  204. }
  205. .sure1{
  206. background: #52A0FD;
  207. color: #fff;
  208. }
  209. .canle{
  210. border: 1rpx #d2d2d2 solid;
  211. }
  212. .loading{
  213. text-align: center;
  214. font-size: 28rpx;
  215. color: #999;
  216. }
  217. .mr{
  218. margin-top: 200rpx!important;
  219. }
  220. .bodyLock{
  221. top:0px;
  222. left: 0px;
  223. width: 100%;
  224. height: 100%;
  225. overflow: hidden;
  226. position: fixed;
  227. z-index: 0;
  228. }
  229. .err {
  230. display: flex;
  231. flex-direction: column;
  232. margin-top:10rpx;
  233. }
  234. .err text{
  235. width: 80%;
  236. font-size: 28rpx;
  237. color: red;
  238. margin: auto;
  239. text-align: center;
  240. }