抖音b端
Não pode escolher mais do que 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.

user.ttss 3.1 KiB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195
  1. /* pages/mine/mine.wxss */
  2. @import '../../iconfont.ttss';
  3. .mine {
  4. width: 100%;
  5. height: 100%;
  6. position: absolute;
  7. background: #f8f8fa;
  8. }
  9. .version{
  10. width: 600rpx;
  11. line-height: 160rpx;
  12. text-align: center;
  13. font-size: 30rpx;
  14. color: #999;
  15. margin: 0 auto;
  16. }
  17. .header {
  18. position: relative;
  19. width: 710rpx;
  20. height: 200rpx;
  21. display: flex;
  22. background: #fff;
  23. border-radius: 16rpx;
  24. margin: -100rpx auto 0;
  25. box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.15);
  26. }
  27. .header>view:nth-child(1) {
  28. width: 132rpx;
  29. height: 132rpx;
  30. margin-top: 4%;
  31. border-radius: 50%;
  32. overflow: hidden;
  33. margin-left: 40rpx;
  34. }
  35. .header>view:nth-child(1) image {
  36. width: 100%;
  37. height: 100%;
  38. }
  39. .header>view:nth-child(2) {
  40. display: flex;
  41. width: 400rpx;
  42. flex-direction: column;
  43. margin-top: 53rpx;
  44. margin-left: 20rpx;
  45. position: relative;
  46. }
  47. .header>view:nth-child(2) text {
  48. font-size: 30rpx;
  49. }
  50. .header>view:nth-child(2) text:nth-child(2) {
  51. font-size: 30rpx;
  52. color: #b8b8b8;
  53. padding-top: 1.5%;
  54. }
  55. .header>view:nth-child(2) text:nth-child(2) {
  56. display: inline-block;
  57. width: 400rpx;
  58. white-space: nowrap;
  59. text-overflow: ellipsis;
  60. overflow: hidden;
  61. }
  62. .header>view:nth-child(3) {
  63. line-height: 186rpx;
  64. position: absolute;
  65. right: 4%;
  66. }
  67. .imgs {
  68. position: absolute;
  69. right: 30rpx;
  70. top: 0;
  71. bottom: 0;
  72. margin: auto;
  73. width: 40rpx;
  74. height: 40rpx;
  75. }
  76. .section {
  77. width: 100%;
  78. /* height: 176rpx; */
  79. margin-top: 8%;
  80. background: #fff;
  81. display: flex;
  82. flex-direction: column;
  83. }
  84. .img {
  85. display: block;
  86. width: 100%;
  87. }
  88. .section view {
  89. position: relative;
  90. width: 92%;
  91. height: 88rpx;
  92. line-height: 88rpx;
  93. display: flex;
  94. justify-content: space-between;
  95. padding: 0 4%;
  96. /* border-bottom: 1px solid #f5f5f5; */
  97. }
  98. .section view text {
  99. font-size: 30rpx;
  100. color: #000;
  101. letter-spacing: 1.16rpx;
  102. }
  103. .section view text:nth-child(2) {
  104. font-size: 28rpx;
  105. color: #888;
  106. letter-spacing: 1.16rpx;
  107. text-align: right;
  108. margin-right: 40rpx;
  109. }
  110. .exit {
  111. width: 670rpx;
  112. height: 94rpx;
  113. font-size: 30rpx;
  114. margin: 6% auto 0;
  115. background: #fff;
  116. line-height: 94rpx;
  117. bottom: 44rpx;
  118. color: #333;
  119. }
  120. .active {
  121. opacity: 0.6;
  122. }
  123. .withdrawBox{
  124. width: 710rpx;
  125. /* height: 200rpx; */
  126. background: #fff;
  127. border-radius: 16rpx;
  128. margin:60rpx auto 0 auto;
  129. /* box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.15); */
  130. }
  131. .textBox{
  132. overflow: hidden;
  133. }
  134. .balanceTitle{
  135. margin-left:20rpx;
  136. font-weight: 700;
  137. font-size: 36rpx;
  138. padding: 10rpx;
  139. float: left;
  140. }
  141. .hint{
  142. float: left;
  143. padding-top: 12rpx;
  144. }
  145. .balanceNum{
  146. color: red;
  147. margin-left: 20rpx;
  148. font-weight: 700;
  149. padding: 20rpx;
  150. font-size: 36rpx;
  151. }
  152. .operationNum{
  153. margin-left: 50rpx;
  154. font-size: 28rpx;
  155. padding-bottom:40rpx;
  156. }
  157. .operationBut{
  158. width: 80%;
  159. margin: auto;
  160. text-align: center;
  161. height: 80rpx;
  162. line-height: 80rpx;
  163. color: #fff;
  164. background-color: rgba(22, 155, 213, 1);
  165. font-size: 30rpx;
  166. font-weight: 700;
  167. }
  168. .noOperationBut{
  169. width: 80%;
  170. margin: auto;
  171. text-align: center;
  172. height: 80rpx;
  173. line-height: 80rpx;
  174. color: #fff;
  175. background-color: rgba(0, 0, 0, 0.5);
  176. font-size: 30rpx;
  177. font-weight: 700;
  178. }