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.

106 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. margin-left: 20rpx;
  36. color: #666;
  37. letter-spacing: 0.64rpx;
  38. line-height: 44rpx;
  39. margin-top: 16rpx;
  40. }
  41. .user-avatar{
  42. display: block;
  43. width: 120rpx;
  44. height: 120rpx;
  45. border-radius:16rpx;
  46. overflow: hidden;
  47. }
  48. .open01 {
  49. display: block;
  50. width: 120rpx;
  51. height: 120rpx;
  52. }
  53. .user-btns {
  54. background: #fff;
  55. }
  56. .user-btns .user-btn {
  57. display: flex;
  58. height: 88rpx;
  59. font-size: 30rpx;
  60. color: #666;
  61. line-height: 88rpx;
  62. border-bottom: 1rpx solid #eee;
  63. }
  64. .user-btns .user-btn > view {
  65. flex: 1;
  66. padding: 0 10px 0 32rpx;
  67. }
  68. .user-btns .user-btn > view:last-child {
  69. text-align: right;
  70. color: #b8b8b8;
  71. font-size: 24rpx;
  72. }
  73. .user-btns .user-btn > view:last-child .iconfont {
  74. color: #a8a8a8;
  75. font-size: 44rpx;
  76. }
  77. .user-out-btn {
  78. background-color: #fff;
  79. height: 88rpx;
  80. line-height: 88rpx;
  81. font-family: PingFangSC-Semibold;
  82. font-size: 30rpx;
  83. color: #000;
  84. text-align: center;
  85. border-radius: 0;
  86. border: none;
  87. }
  88. .user-out-btn.button-hover {
  89. background-color: rgba(237, 237, 237, 1);
  90. }
  91. .user-out-btn::after {
  92. opacity: 0;
  93. }