index.wxss 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137
  1. .header-box {
  2. padding: 32rpx;
  3. padding-bottom: 64rpx;
  4. display: flex;
  5. align-items: center;
  6. color: #333;
  7. }
  8. .header-box .avatar {
  9. width: 128rpx;
  10. height: 128rpx;
  11. border-radius: 50%;
  12. }
  13. .header-box .btn {
  14. margin-left: 32rpx;
  15. }
  16. .header-box .r {
  17. margin-left: 32rpx;
  18. font-size: 28rpx;
  19. }
  20. page,view,image,input {
  21. display: block;
  22. box-sizing: border-box;
  23. }
  24. .container{
  25. min-height: 100%;
  26. overflow: hidden;
  27. overflow-y: hidden;
  28. }
  29. .asset {
  30. display: flex;
  31. border-top: 1px solid #eee;
  32. padding-top:20rpx;
  33. padding-bottom:20rpx;
  34. }
  35. .asset .item {
  36. display: flex;
  37. flex-direction: column;
  38. width:187rpx;
  39. text-align: center;
  40. font-size: 24rpx;
  41. line-height: 20px;
  42. color:#666;
  43. }
  44. .asset .item .amount {
  45. color:#333;
  46. font-size: 32rpx;
  47. padding-bottom: 12rpx;
  48. }
  49. .asset .right {
  50. border-left: 1px solid #eee;
  51. }
  52. .version {
  53. width:100vw;
  54. font-size: 24rpx;
  55. text-align: center;
  56. padding: 32rpx;
  57. }
  58. .to-authorize{
  59. padding: 0rpx;
  60. margin: 0rpx;
  61. background: none;
  62. border: none;
  63. height: auto;
  64. line-height: auto;
  65. }
  66. /* 绑定手机号 */
  67. .bind-phone-number{
  68. margin: 20rpx;
  69. width: 100%;
  70. }
  71. /* flex重新构建菜单 */
  72. .menu-item {
  73. width: 100vw;
  74. height: 104rpx;
  75. padding: 0 32rpx;
  76. background: #fff;
  77. display: flex;
  78. justify-content: space-between;
  79. align-items: center;
  80. }
  81. .menu-item .l {
  82. font-size:34rpx;
  83. color:#333;
  84. line-height:104rpx;
  85. }
  86. .menu-item .r {
  87. font-size:32rpx;
  88. color:#999;
  89. line-height:104rpx;
  90. }
  91. .menu-item .next {
  92. width: 40rpx;
  93. height: 40rpx;
  94. }
  95. .menu-item button {
  96. margin: 0;
  97. }
  98. .space {
  99. width: 100vw;
  100. height: 2rpx;
  101. background: #F4F5F9;
  102. }
  103. .line {
  104. width:718px;
  105. height:1px;
  106. background:#EEEEEE;
  107. margin-left: 32rpx;
  108. }
  109. .login-box .logo {
  110. width: 200rpx;
  111. margin: 64rpx 275rpx;
  112. }
  113. .login-box .line {
  114. height: 2rpx;
  115. width: 686rpx;
  116. background-color: #ebedf0;
  117. margin: 0 32rpx;
  118. }
  119. .login-box .title {
  120. margin: 64rpx 0 0 32rpx;
  121. color: #333;
  122. font-size: 36rpx;
  123. }
  124. .login-box .profile {
  125. margin: 32rpx 0 0 32rpx;
  126. color: #999;
  127. font-size: 28rpx;
  128. }
  129. .login-box .btn {
  130. margin: 88rpx 32rpx;
  131. }