user.wxss 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173
  1. @charset "UTF-8";
  2. /* 页面左右间距 */
  3. /* 文字尺寸 */
  4. /*文字颜色*/
  5. /* 边框颜色 */
  6. /*颜色*/
  7. /* 图片加载中颜色 */
  8. /* 行为相关颜色 */
  9. /* 功能栏字体大小 */
  10. /*功能栏左侧小图标*/
  11. page {
  12. min-height: 100%;
  13. background-color: #ffffff;
  14. }
  15. page .container {
  16. width: 100%;
  17. padding-bottom: 50rpx;
  18. }
  19. .user-box {
  20. width: 100%;
  21. height: 440rpx;
  22. padding: 60rpx 35rpx;
  23. background-image: url(/static/img/logo.png);
  24. background-size: 100% 100%;
  25. color: #FFFFFF;
  26. -webkit-box-align: start;
  27. -webkit-align-items: flex-start;
  28. align-items: flex-start;
  29. }
  30. .user-box .header {
  31. width: 125rpx;
  32. height: 125rpx;
  33. border-radius: 100%;
  34. margin-top: 10%;
  35. }
  36. .user-info {
  37. padding-left: 30rpx;
  38. }
  39. .user-info .name {
  40. font-weight: 500;
  41. font-size: 48rpx;
  42. }
  43. .user-info .phone {
  44. font-size: 42rpx;
  45. font-weight: 500;
  46. color: #FFFFFF;
  47. padding-top: 50rpx;
  48. }
  49. .user-info .uuid {
  50. font-size: 30rpx;
  51. padding-top: 20rpx;
  52. }
  53. .user-info .level-box {
  54. margin-top: 25rpx;
  55. position: relative;
  56. }
  57. .user-info .level-box .image {
  58. width: 128rpx;
  59. height: 45rpx;
  60. }
  61. .user-info .level-box .level {
  62. position: absolute;
  63. top: 12rpx;
  64. left: 62rpx;
  65. font-size: 24rpx;
  66. color: #826740;
  67. font-weight: bold;
  68. }
  69. .list-box {
  70. width: 100%;
  71. margin-top: -60rpx;
  72. background-color: #FFFFFF;
  73. border-top-right-radius: 70rpx;
  74. border-top-left-radius: 70rpx;
  75. padding: 60rpx 66rpx 0rpx 55rpx;
  76. }
  77. .list-box .list-title {
  78. font-weight: bold;
  79. color: #333333;
  80. font-size: 36rpx;
  81. }
  82. .list-box .list-cell {
  83. padding-top: 40rpx;
  84. border-bottom: 1rpx solid #F3F3F3;
  85. padding-bottom: 30rpx;
  86. }
  87. .list-box .list-cell .cell-info image {
  88. width: 49rpx;
  89. height: 38rpx;
  90. }
  91. .list-box .list-cell .cell-info .cell-name {
  92. padding-left: 17rpx;
  93. color: #666666;
  94. font-size: 30rpx;
  95. font-weight: 500;
  96. }
  97. .list-box .list-cell image {
  98. width: 16rpx;
  99. height: 25rpx;
  100. }
  101. .img1 {
  102. width: 46rpx !important;
  103. height: 40rpx !important;
  104. }
  105. .img2 {
  106. width: 40rpx !important;
  107. height: 42rpx !important;
  108. }
  109. .img3 {
  110. width: 42rpx !important;
  111. height: 42rpx !important;
  112. }
  113. .img4 {
  114. width: 42rpx !important;
  115. height: 41rpx !important;
  116. }
  117. .img5 {
  118. width: 44rpx !important;
  119. height: 40rpx !important;
  120. }
  121. .popup {
  122. width: 640rpx;
  123. background-color: #FFFFFF;
  124. border-radius: 15rpx;
  125. text-align: center;
  126. }
  127. .popup .popup-dox {
  128. position: relative;
  129. top: -60rpx;
  130. }
  131. .popup .popup-dox .popup-logo {
  132. width: 460rpx;
  133. height: 132rpx;
  134. }
  135. .popup .popup-dox .pop-title {
  136. font-size: 40rpx;
  137. font-weight: bold;
  138. color: #333333;
  139. padding: 25rpx 0rpx;
  140. margin-bottom: 50rpx;
  141. }
  142. .popup .popup-dox .popup-text {
  143. width: 400rpx;
  144. height: 400rpx;
  145. margin-bottom: 50rpx;
  146. }
  147. .popup .popup-dox .pop-tip {
  148. font-size: 30rpx;
  149. font-weight: 500;
  150. color: #333333;
  151. }
  152. .close_icon {
  153. width: 60rpx;
  154. height: 60rpx;
  155. margin: 88rpx auto 0;
  156. }
  157. .close_icon image {
  158. width: 100%;
  159. height: 100%;
  160. }
  161. .submit {
  162. margin: 37rpx auto 38rpx;
  163. width: 560rpx;
  164. background-color: #fff;
  165. color: #5771DF;
  166. text-align: center;
  167. height: 80rpx;
  168. line-height: 80rpx;
  169. border: #5771DF 1px solid;
  170. border-radius: 50rpx;
  171. font-size: 28rpx;
  172. }