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.

155 rivejä
2.1 KiB

  1. /* pages/exchange/exchange.wxss */
  2. .section {
  3. padding: 20rpx 20rpx;
  4. }
  5. .section {
  6. position: relative;
  7. display: flex;
  8. flex: 5;
  9. }
  10. .section input {
  11. flex: 3;
  12. border: 1px solid #ccc;
  13. border-radius: 10rpx;
  14. height: 70rpx;
  15. line-height: 70rpx;
  16. font-size: 30rpx;
  17. padding-left: 20rpx;
  18. margin-right: 10rpx;
  19. }
  20. .section button {
  21. flex: 1;
  22. height: 74rpx;
  23. line-height: 74rpx;
  24. font-size: 30rpx;
  25. }
  26. .section .scan {
  27. position: absolute;
  28. right: 255rpx;
  29. bottom: 37rpx;
  30. width: 40rpx;
  31. height: 40rpx;
  32. z-index: 999;
  33. }
  34. .comment {
  35. padding: 0 20rpx;
  36. margin-top: 60rpx;
  37. }
  38. .comment text {
  39. display: block;
  40. }
  41. .opcaity {
  42. opacity: .6;
  43. }
  44. .tab {
  45. display: flex;
  46. justify-content: space-around;
  47. margin-bottom: 25rpx;
  48. z-index: 999;
  49. height: 60rpx;
  50. }
  51. .tab .tabItem {
  52. width: 180rpx;
  53. text-align: center;
  54. padding-bottom: 15rpx;
  55. transition: all .3s;
  56. }
  57. .tabItem.active {
  58. font-size: 35rpx;
  59. color: #fd832d;
  60. border-bottom: 5rpx solid #fd832d;
  61. }
  62. .infoCard {
  63. width: 90%;
  64. text-align: left;
  65. padding: 25rpx 25rpx 5rpx 25rpx;
  66. font-size: 32rpx;
  67. background-color: #fff;
  68. margin: 10rpx auto;
  69. border-radius: 15rpx;
  70. }
  71. .infoCard view {
  72. margin-bottom: 45rpx;
  73. }
  74. .infoCard .phone .changePhone,
  75. .infoCard .phone .confirmPhone {
  76. color: #09bb07;
  77. }
  78. .infoCard .phone .cancelChangePhone {
  79. color: #fd832d;
  80. margin-left: 15rpx;
  81. }
  82. .infoCard .phone {
  83. position: relative;
  84. }
  85. .infoCard .phone .phoneInput {
  86. position: relative;
  87. top: 8rpx;
  88. display: inline-block;
  89. width: 240rpx;
  90. }
  91. .infoCard .radioGroup {
  92. display: inline-block;
  93. }
  94. .infoCard .pwdBox {
  95. position: relative;
  96. border: 1px solid #5c5c5c;
  97. padding: 15rpx;
  98. border-radius: 15rpx;
  99. line-height: 100%;
  100. }
  101. .infoCard .pwdBox .eye {
  102. position: absolute;
  103. right: 25rpx;
  104. bottom: 5rpx;
  105. width: 60rpx;
  106. height: 60rpx;
  107. z-index: 999;
  108. }
  109. .btns {
  110. margin-top: 50rpx;
  111. padding: 0 40rpx;
  112. }
  113. .comment {
  114. padding: 0 30rpx;
  115. margin-top: 20rpx;
  116. margin-bottom: 35rpx;
  117. }
  118. .comment text {
  119. display: block;
  120. }
  121. .txt1 {
  122. margin-top: 30rpx;
  123. font-size: 34rpx;
  124. margin-bottom: 20rpx;
  125. }
  126. .txt2,
  127. .txt3 {
  128. font-size: 25rpx;
  129. line-height: 40rpx;
  130. color: #999;
  131. }