home.wxss 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. page{
  2. width: 100%;
  3. height: 100%;
  4. }
  5. image{
  6. width: 100%;
  7. height: 100%;
  8. }
  9. .float-left{
  10. float: left;
  11. }
  12. .home-container{
  13. width: 100%;
  14. height: 100%;
  15. }
  16. .user-info{
  17. width: auto;
  18. height: 150rpx;
  19. padding: 20rpx 20rpx;
  20. background-color: var(--themeColor);
  21. }
  22. .user-header{
  23. margin: 5rpx 0;
  24. width: 100rpx;
  25. height: 100rpx;
  26. }
  27. .user-header image{
  28. border-radius: 100rpx;
  29. }
  30. .user-name{
  31. margin: 10rpx 20rpx;
  32. font-size: 32rpx;
  33. font-weight: 600;
  34. width: 500rpx;
  35. }
  36. .user-phone{
  37. margin:0 0 0 20rpx;
  38. font-size: 30rpx;
  39. width: 500rpx;
  40. }
  41. .login{
  42. margin:0 0 0 20rpx;
  43. font-size: 30rpx;
  44. width: 500rpx;
  45. height: 100rpx;
  46. line-height: 100rpx;
  47. }
  48. .home-item{
  49. /* margin: 10rpx 0; */
  50. padding: 25rpx;
  51. width: auto;
  52. height: 100rpx;
  53. border-bottom: 1rpx solid #888888;
  54. }
  55. .item-icon{
  56. width: 50rpx;
  57. height: 50rpx;
  58. }
  59. .item-name{
  60. /* flex: 5; */
  61. margin: 0 0 0 20rpx;
  62. width: 580rpx;
  63. height: 50rpx;
  64. font-size: 32rpx;
  65. line-height: 50rpx;
  66. }
  67. .item-right{
  68. width: 50rpx;
  69. height: 50rpx;
  70. }
  71. .version{
  72. /* position: fixed;
  73. left: 325rpx;
  74. bottom: 500rpx; */
  75. position: relative;
  76. top: 50rpx;
  77. margin: 0 auto;
  78. width: 100rpx;
  79. font-size: 25rpx;
  80. color: #888888;
  81. text-align: center;
  82. }