抖音b端
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

230 行
4.0 KiB

  1. /* pages/operation/index.wxss */
  2. .exchange {
  3. width: 100%;
  4. height: 100%;
  5. background: #f8f8fa;
  6. }
  7. .exchangeBox {
  8. margin-top: -45rpx;
  9. }
  10. .footer {
  11. width: 710rpx;
  12. height: 126rpx;
  13. line-height: 126rpx;
  14. display: flex;
  15. background: #fff;
  16. border-radius: 20rpx;
  17. margin: 20rpx auto 0;
  18. box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.15);
  19. }
  20. .footer text {
  21. margin-left: 31rpx;
  22. font-size: 30rpx;
  23. }
  24. .footer input {
  25. width: 450rpx;
  26. margin-right: 19rpx;
  27. height: 126rpx;
  28. line-height: 126rpx;
  29. font-size: 30rpx;
  30. text-align: right;
  31. }
  32. .inpBox {
  33. width: 710rpx;
  34. height: 194rpx;
  35. background: rgba(255, 255, 255, 1);
  36. box-shadow: 0rpx 10rpx 27rpx 0rpx rgba(15, 15, 15, 0.09);
  37. border-radius: 20rpx;
  38. margin: 20rpx auto 0;
  39. }
  40. .foot {
  41. width: 710rpx;
  42. height: 96rpx;
  43. line-height: 96rpx;
  44. display: flex;
  45. background: #fff;
  46. }
  47. .foot text {
  48. margin-left: 31rpx;
  49. font-size: 30rpx;
  50. }
  51. .foot input {
  52. width: 450rpx;
  53. height: 96rpx;
  54. line-height: 96rpx;
  55. font-size: 30rpx;
  56. text-align: right;
  57. }
  58. .inp{
  59. margin-left: 45rpx;
  60. }
  61. .footer2{
  62. border-bottom: 1rpx solid #ccc;
  63. }
  64. .section {
  65. width: 710rpx;
  66. /* height: 176rpx; */
  67. margin-top: 8%;
  68. background: #fff;
  69. display: flex;
  70. flex-direction: column;
  71. border: 1px solid #eaeaea;
  72. border-radius: 18rpx;
  73. margin: auto;
  74. }
  75. .border {
  76. width: 660rpx !important;
  77. height: 1rpx !important;
  78. }
  79. /* .list-item{
  80. border-bottom: 1px solid #eaeaea;
  81. }
  82. .section .list-item:nth-last-of-type(2){
  83. border: 0;
  84. } */
  85. .section view {
  86. position: relative;
  87. width: 92%;
  88. height: 88rpx;
  89. line-height: 88rpx;
  90. display: flex;
  91. justify-content: space-between;
  92. padding: 0 4%;
  93. }
  94. .section view text {
  95. font-size: 30rpx;
  96. color: #999;
  97. letter-spacing: 1.16rpx;
  98. }
  99. .section view text:nth-child(2) {
  100. font-size: 28rpx;
  101. color: #000;
  102. letter-spacing: 1.16rpx;
  103. text-align: right;
  104. }
  105. .camera {
  106. height: 340rpx;
  107. width: 310rpx;
  108. margin: 88rpx auto;
  109. border: 1px solid #52a0fd;
  110. color: #52a0fd;
  111. }
  112. .camera image {
  113. width: 59rpx;
  114. height: 45rpx;
  115. margin: 113rpx 125rpx 35rpx 126rpx;
  116. }
  117. .camera text {
  118. display: block;
  119. text-align: center;
  120. }
  121. button {
  122. margin-bottom: 36rpx;
  123. width: 710rpx;
  124. height: 94rpx;
  125. color: #fff;
  126. font-size: 36rpx;
  127. background-color: #52a0fd;
  128. box-shadow: 0px 10px 22px 2px rgba(82, 160, 253, 0.51);
  129. }
  130. .integral {
  131. padding-right: 30rpx;
  132. font-size: 28rpx;
  133. font-family: PingFang-SC-Regular;
  134. font-weight: 400;
  135. color: rgba(51, 51, 51, 1);
  136. line-height: 87rpx;
  137. text-align: right;
  138. }
  139. .integralNum {
  140. color: red;
  141. font-size: 28rpx;
  142. }
  143. .img {
  144. margin-top: -60rpx;
  145. display: block;
  146. width: 100%;
  147. }
  148. .up-img{
  149. width: 600rpx;
  150. margin: 40rpx auto 0;
  151. height: auto;
  152. padding: 10rpx;
  153. border: 1px dashed #52A0FD;
  154. }
  155. .up-img image{
  156. width: 600rpx;
  157. }
  158. .select{
  159. width: 500rpx;
  160. text-align: right;
  161. line-height:96rpx;
  162. font-size:30rpx;
  163. }
  164. .labelBox{
  165. width: 710rpx;
  166. height: 194rpx;
  167. display: flex;
  168. flex-direction: column;
  169. margin: 40rpx auto 0;
  170. }
  171. .title{
  172. margin-bottom: 40rpx;
  173. }
  174. .title > view{
  175. width: 170rpx;
  176. padding: 10rpx 20rpx;
  177. text-align: center;
  178. }
  179. .content{
  180. padding: 0 10rpx;
  181. display: flex;
  182. flex-wrap: wrap;
  183. /* justify-content: center; */
  184. align-items: center;
  185. }
  186. .shoes,.cloth {
  187. margin:0 5rpx 10rpx;
  188. text-align: center;
  189. background: #fff;
  190. font-size: 30rpx;
  191. }
  192. .shoes{
  193. padding: 10rpx 0;
  194. width: 13%
  195. }
  196. .cloth{
  197. padding: 10rpx 0;
  198. width: 13%
  199. }
  200. .title{
  201. display: flex;
  202. justify-content: center;
  203. align-items: center;
  204. }
  205. .couponsL{
  206. background: #51a0fc;
  207. color: #fff;
  208. }
  209. .couponsR{
  210. background: #FFF;
  211. color: #000;
  212. }
  213. .money{
  214. overflow: hidden;
  215. }
  216. /* 15136028756 */