myCenter.wxss 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130
  1. @charset "UTF-8";
  2. /**
  3. * 这里是uni-app内置的常用样式变量
  4. *
  5. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  6. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  7. *
  8. */
  9. /**
  10. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  11. *
  12. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  13. */
  14. /* 颜色变量 */
  15. /* 行为相关颜色 */
  16. /* 文字基本颜色 */
  17. /* 背景颜色 */
  18. /* 边框颜色 */
  19. /* 尺寸变量 */
  20. /* 文字尺寸 */
  21. /* 图片尺寸 */
  22. /* Border Radius */
  23. /* 水平间距 */
  24. /* 垂直间距 */
  25. /* 透明度 */
  26. /* 文章场景相关 */
  27. .profile .banner.data-v-67b508b4 {
  28. height: 236rpx;
  29. padding-left: 30rpx;
  30. display: flex;
  31. align-items: center;
  32. }
  33. .profile .banner .avatar.data-v-67b508b4 {
  34. display: block;
  35. width: 112rpx;
  36. height: 112rpx;
  37. border-radius: 50%;
  38. }
  39. .profile .banner .user-info.data-v-67b508b4 {
  40. padding-left: 30rpx;
  41. }
  42. .profile .banner .user-info .name.data-v-67b508b4 {
  43. color: #35364F;
  44. font-size: 38rpx;
  45. font-weight: 700;
  46. line-height: 54rpx;
  47. }
  48. .profile .banner .user-info .phone.data-v-67b508b4 {
  49. color: #35364F;
  50. font-size: 28rpx;
  51. line-height: 44rpx;
  52. }
  53. .profile .statistics.data-v-67b508b4 {
  54. display: flex;
  55. justify-content: space-between;
  56. padding: 32rpx;
  57. }
  58. .profile .statistics .card.data-v-67b508b4 {
  59. width: 328rpx;
  60. height: 168rpx;
  61. display: flex;
  62. justify-content: center;
  63. align-items: center;
  64. flex-direction: column;
  65. background-position: bottom right;
  66. background-repeat: no-repeat;
  67. background-size: 102rpx 102rpx;
  68. border-radius: 16rpx;
  69. }
  70. .profile .statistics .card.task.data-v-67b508b4 {
  71. background-color: #FFFDED;
  72. margin-right: 15rpx;
  73. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAqCAMAAAD79pkTAAAAyVBMVEUAAAD8/Mn9+9H//8/++9L8+sz7+8f+/Mz8+dP7+8f9+tH//7/7+sv9+s36+sP7+sn5/L38+dD7+8j7+8j6+7z6+cr6+775+7r8+8z5+7r8+s/6+7v9+tD++tH8+dH8+dT7+8n8+8/7+cb6+7z7/MP8/Mf7+8n6+r3//6/9+tH9+8/++9T9+dT5+cX6+sL7+tL6+7j9+NP398P8+dL8+838+dD8+8n6/L/7/MH6/Lz8+8v6/Lv7+8X8+8z7/MP6/L79+tP7+8b9+8/ViP9rAAAAM3RSTlMAH/4QP9/vT7+/fxC/n29f36+Pf39vP+/uz7+/Xy/v7s+vr5+PX0AwEO7Pzq+vn4+Pb0BXIMoJAAACCElEQVQ4y42TiXqiMBSFQxGQ4lL31rYz3aezLySAaEB9/4eacxOwpEvwvwlwwp+Y+Cl7y/P0crFeXPxx2DFMF+uK+/YJzxfrF85afbKP96crpa3WKzTUpdV2Vq+Z2/T7N7p1+bNVSYWmwT362P5SlmmalrpKdBB8rM/TBnpqOWjTTaaWzaQgQ8tSKpUsq0cZiUBd4RdpNrd9M8o0iCz6JCuyTYaLLvCLWYj8rCiKjSp6yAr7j2ZQKPQk8MDsPGya3LA2Jg07dFkrj55Sdxt/wI7i3zgMf46f7EtHj+O7MLwbXLMjiMb+LkHtkiR0Wu3A3wG41Pxhiz1MTALztTN0jFhZea375n76id9vjPSUmKPluZ7UM1fLUb2gjjmoTXoFZg3dS7yZhzFP72mGRylzmdfg+dw92BOZ4+xPPZqg9sIl5+hSoldNTmo7kPJGb6IvOW4uVDSNmkUD9fLOuZTYQzUBlw5/l2r3HuenrMnp+/qSEVece66h3/K94HzP94BTCdwx0GFgyfkVM/h2IsQJEGjUAQUxYkCIW9N2RRPYB1ylO6beaRij6686qc+hI3q4GAQipoqF+NTBuQWgIJDpqOqczmgZ1F9MrBDo0N14q58BcoWLUP1tRvF2i0S9i9hHogFckWu6cR2+1zruWK5DASA1lv+LpMNn9Q5VLd+lWM34fdgNrB+4/wcQsadyShmBdgAAAABJRU5ErkJggg==);
  74. }
  75. .profile .statistics .card.danger.data-v-67b508b4 {
  76. background-color: #F4F5FE;
  77. margin-left: 15rpx;
  78. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAqCAMAAAD79pkTAAAAZlBMVEUAAADv7v7v7//q5/3w7//u7f3u7f7u7f3v7v7s6/zv7/3u7f3k3//v7v7s6/3v7//v7//s6/zv7v339//u7Pzv7//u7v3v7//r6vvr6fvx7//q6Pjv7P/r5/vu7f3t7Pzr6vvw7/4IvQjiAAAAHnRSTlMAf78gH+9fP9/fL48Qz58gEL+fH69vb0/Or59vT0ARbD9RAAABxElEQVQ4y42Ti3qDIAyFpSvipdrVtd0d8P1fcslJUKfWelT6AX9IDtBsVe5i7ecx26kqsuxevozQZR+dR5XbQ7+UCS/34G0cZHYsHkfZ01P8I07U7vS50+2pDDEoGp5vpgkMyQd9b/oEFkLpMlcig33d3kTgv3xxpKJ6yyfgGI6cKZCo6zYuixpVPHLEQ7cG0xxxVB9Q/sAnp45cwIDjeXC2La3kg6fGM34OJO6uu3U0RwIE3CMa3TWfWEoatYpgv+o2VxIRwD1nk5Tvyz+FB+7xoBgmtf5y7rZNNtECl1ApyMw3EcLys9oR1YCqB59YSb1KMdUEL974crch+cQW+iTkvo/dBtfyGryWUvj/sjdn7NDrQGfnRvHab6nGilTfayOLb9JG8hfEi67T2X6NrgoqsEo+Fyqq7Cx+ctAWhuRsiyXu+Mox4Rj4Aa2xxi+Ffecks+zwuW7P8OHgd4p3bK4neXrxcdvlpk90LwSPUiaQHoPUzo/SYAQA5zxMKYTq7BfoWieVznTdhPWplcvXjXM9DsCPpWgEPsydDkgn3u5p09UmHu0I3YwuseWwQkpg4nO5JtzDi+NS/rCQzN00nF5bKfwH02Fxa6ja4BEAAAAASUVORK5CYII=);
  79. }
  80. .profile .statistics .card .name.data-v-67b508b4 {
  81. font-size: 28rpx;
  82. line-height: 48rpx;
  83. color: #35364F;
  84. }
  85. .profile .statistics .card .number.data-v-67b508b4 {
  86. font-size: 40rpx;
  87. line-height: 48rpx;
  88. color: #35364F;
  89. font-weight: 700;
  90. }
  91. .profile .hand-list.data-v-67b508b4 {
  92. margin-top: 24rpx;
  93. padding: 0 24rpx;
  94. }
  95. .profile .hand-list .hand-item.data-v-67b508b4 {
  96. height: 120rpx;
  97. display: flex;
  98. align-items: center;
  99. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAXBAMAAAD9xqKtAAAAD1BMVEUAAACNnbGOnrKLm6+MnLGvsqnhAAAABHRSTlMAfz9AwjwiWwAAACRJREFUGNNjoCpgQmKrCCDYjI5IEiKEJRBshBpMYex2MVPsCwAItQIGw8LLgQAAAABJRU5ErkJggg==);
  100. background-position: center right 36rpx;
  101. background-repeat: no-repeat;
  102. background-size: 44rpx 44rpx;
  103. }
  104. .profile .hand-list .hand-item .hand-lf.data-v-67b508b4 {
  105. flex: 1;
  106. display: flex;
  107. align-items: center;
  108. }
  109. .profile .hand-list .hand-item .hand-lf .icon.data-v-67b508b4 {
  110. display: block;
  111. width: 48rpx;
  112. height: 48rpx;
  113. }
  114. .profile .hand-list .hand-item .hand-lf .name.data-v-67b508b4 {
  115. font-size: 32rpx;
  116. line-height: 48rpx;
  117. padding-left: 8rpx;
  118. color: #35364F;
  119. }
  120. .profile .submit-BT.data-v-67b508b4 {
  121. width: 600rpx;
  122. height: 72rpx;
  123. line-height: 72rpx;
  124. box-sizing: border-box;
  125. border-radius: 16rpx;
  126. margin-top: 50rpx;
  127. background-color: #3384FF;
  128. font-size: 32rpx;
  129. }