C端小程序
Nie możesz wybrać więcej, niż 25 tematów Tematy muszą się zaczynać od litery lub cyfry, mogą zawierać myślniki ('-') i mogą mieć do 35 znaków.

105 wiersze
1.6 KiB

  1. .margin {
  2. background: #f8f8f8;
  3. height: 20rpx;
  4. }
  5. .user {
  6. background: #f8f8f8;
  7. min-height: 100vh;
  8. }
  9. .user-title {
  10. height: 186rpx;
  11. padding: 30rpx;
  12. display: flex;
  13. flex-direction: row;
  14. box-sizing: border-box;
  15. background: #fff;
  16. }
  17. /*
  18. .user-avatar {
  19. padding-right: 30rpx;
  20. width: 126rpx;
  21. height: 126rpx;
  22. border-radius: 16rpx;
  23. overflow: hidden;
  24. border: 1px solid red;
  25. } */
  26. .user-avatar open-data {
  27. display: block;
  28. width: 100%;
  29. height: 100%;
  30. }
  31. .user-phone {
  32. font-family: PingFangSC-Regular;
  33. font-size: 30rpx;
  34. height: 120rpx;
  35. line-height: 120rpx;
  36. margin-left: 20rpx;
  37. color: #000;
  38. letter-spacing: 0.64rpx;
  39. }
  40. .user-avatar{
  41. display: block;
  42. width: 120rpx;
  43. height: 120rpx;
  44. border-radius:16rpx;
  45. overflow: hidden;
  46. }
  47. .open01 {
  48. display: block;
  49. width: 120rpx;
  50. height: 120rpx;
  51. }
  52. .user-btns {
  53. background: #fff;
  54. }
  55. .user-btns .user-btn {
  56. display: flex;
  57. height: 88rpx;
  58. font-size: 30rpx;
  59. color: #666;
  60. line-height: 88rpx;
  61. border-bottom: 1rpx solid #eee;
  62. }
  63. .user-btns .user-btn > view {
  64. flex: 1;
  65. padding: 0 10px 0 32rpx;
  66. }
  67. .user-btns .user-btn > view:last-child {
  68. text-align: right;
  69. color: #b8b8b8;
  70. font-size: 24rpx;
  71. }
  72. .user-btns .user-btn > view:last-child .iconfont {
  73. color: #a8a8a8;
  74. font-size: 44rpx;
  75. }
  76. .user-out-btn {
  77. background-color: #fff;
  78. height: 88rpx;
  79. line-height: 88rpx;
  80. font-family: PingFangSC-Semibold;
  81. font-size: 30rpx;
  82. color: #000;
  83. text-align: center;
  84. border-radius: 0;
  85. border: none;
  86. }
  87. .user-out-btn.button-hover {
  88. background-color: rgba(237, 237, 237, 1);
  89. }
  90. .user-out-btn::after {
  91. opacity: 0;
  92. }