mine.wxss 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. /**
  2. * uni-app内置的常用样式变量
  3. */
  4. /* 行为相关颜色 */
  5. /* 文字基本颜色 */
  6. /* 背景颜色 */
  7. /* 边框颜色 */
  8. /* 尺寸变量 */
  9. /* 文字尺寸 */
  10. /* 图片尺寸 */
  11. /* Border Radius */
  12. /* 水平间距 */
  13. /* 垂直间距 */
  14. /* 透明度 */
  15. /* 文章场景相关 */
  16. page {
  17. background-color: #f5f6f7;
  18. }
  19. .mine-container {
  20. width: 100%;
  21. height: 100%;
  22. }
  23. .mine-container .header-section {
  24. padding: 15px 15px 45px 15px;
  25. background-color: #3c96f3;
  26. color: white;
  27. }
  28. .mine-container .header-section .login-tip {
  29. font-size: 18px;
  30. margin-left: 10px;
  31. }
  32. .mine-container .header-section .cu-avatar {
  33. border: 2px solid #eaeaea;
  34. }
  35. .mine-container .header-section .cu-avatar .icon {
  36. font-size: 40px;
  37. }
  38. .mine-container .header-section .user-info {
  39. margin-left: 15px;
  40. }
  41. .mine-container .header-section .user-info .u_title {
  42. font-size: 18px;
  43. line-height: 30px;
  44. }
  45. .mine-container .content-section {
  46. position: relative;
  47. top: -50px;
  48. }
  49. .mine-container .content-section .mine-actions {
  50. margin: 15px 15px;
  51. padding: 20px 0px;
  52. border-radius: 8px;
  53. background-color: white;
  54. }
  55. .mine-container .content-section .mine-actions .action-item .icon {
  56. font-size: 28px;
  57. }
  58. .mine-container .content-section .mine-actions .action-item .text {
  59. display: block;
  60. font-size: 13px;
  61. margin: 8px 0px;
  62. }
  63. .Wrapper-grid {
  64. margin-top: 120rpx;
  65. }
  66. /* 图标样式 */
  67. .service-img {
  68. width: 60rpx;
  69. height: 60rpx;
  70. margin-bottom: 10rpx;
  71. }
  72. /* 文本样式 */
  73. .grid-text {
  74. font-size: 24rpx;
  75. color: #333;
  76. text-align: center;
  77. margin-top: 10rpx;
  78. }