C端小程序
Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.

177 rader
2.6 KiB

  1. .margin {
  2. /* background: #f8f8f8; *//* height: 20rpx; */
  3. }
  4. .user {
  5. background: #fff;
  6. min-height: 100vh;
  7. }
  8. .user-title {
  9. position: relative;
  10. box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.10);
  11. border-radius: 8px;
  12. height: 176rpx;
  13. width: 698rpx;
  14. padding: 0 30rpx;
  15. display: flex;
  16. flex-direction: row;
  17. box-sizing: border-box;
  18. background: #fff;
  19. margin: -116rpx auto 0;
  20. border-bottom: 6rpx solid #02c0ff;
  21. }
  22. /*
  23. .user-avatar {
  24. padding-right: 30rpx;
  25. width: 126rpx;
  26. height: 126rpx;
  27. border-radius: 16rpx;
  28. overflow: hidden;
  29. border: 1px solid red;
  30. } */
  31. .couponnum {
  32. display: inline-block;
  33. position: absolute;
  34. top: 20rpx;
  35. bottom: 0;
  36. left: 96rpx;
  37. width: 16rpx;
  38. height: 16rpx;
  39. border-radius: 50%;
  40. background: red;
  41. font-size: 22rpx;
  42. }
  43. .user-avatar open-data {
  44. display: block;
  45. width: 100%;
  46. height: 100%;
  47. }
  48. .user-phone {
  49. font-family: PingFangSC-Regular;
  50. height: 120rpx;
  51. margin-left: 149rpx;
  52. letter-spacing: 0.64rpx;
  53. line-height: 44rpx;
  54. margin-top: 43rpx;
  55. font-size: 36rpx;
  56. color: #000;
  57. }
  58. .user-avatar {
  59. position: absolute;
  60. left: 30rpx;
  61. top: 0;
  62. bottom: 0;
  63. width: 120rpx;
  64. height: 120rpx;
  65. border-radius: 50%;
  66. overflow: hidden;
  67. margin: auto;
  68. }
  69. .chengzhang {
  70. font-size: 28rpx;
  71. color: #999;
  72. line-height: 40rpx;
  73. }
  74. .chengzhang1 {
  75. position: absolute;
  76. right: 0;
  77. bottom: 0;
  78. top: 32rpx;
  79. }
  80. .chengzhang1 text {
  81. display: block;
  82. }
  83. .chengzhang1 image {
  84. width: 24rpx;
  85. height: 24rpx;
  86. vertical-align: top;
  87. margin-top: 10rpx;
  88. }
  89. .chengzhang1 .view {
  90. font-size: 48rpx;
  91. color: #01bffe;
  92. line-height: 67rpx;
  93. }
  94. .chengzhang1 text {
  95. font-size: 24rpx;
  96. color: #333;
  97. line-height: 33rpx;
  98. }
  99. .bannerbg {
  100. width: 100%;
  101. }
  102. .bannerbg image {
  103. display: block;
  104. width: 100%;
  105. }
  106. .open01 {
  107. display: block;
  108. width: 120rpx;
  109. height: 120rpx;
  110. }
  111. .user-btns {
  112. background: #fff;
  113. }
  114. .user-btns .user-btn {
  115. display: flex;
  116. height: 88rpx;
  117. font-size: 30rpx;
  118. color: #666;
  119. line-height: 88rpx;
  120. border-bottom: 1rpx solid #eee;
  121. }
  122. .user-btns .user-btn > view {
  123. flex: 1;
  124. padding: 0 10px 0 32rpx;
  125. }
  126. .user-btns .user-btn > view:last-child {
  127. font-size: 28rpx;
  128. color: #888;
  129. letter-spacing: 1.16rpx;
  130. text-align: right;
  131. }
  132. .user-btns .user-btn > view:last-child .iconfont {
  133. color: #a8a8a8;
  134. font-size: 44rpx;
  135. }
  136. .user-out-btn {
  137. background-color: #fff;
  138. height: 88rpx;
  139. line-height: 88rpx;
  140. font-family: PingFangSC-Semibold;
  141. font-size: 30rpx;
  142. color: #000;
  143. text-align: center;
  144. border-radius: 0;
  145. border: none;
  146. }
  147. .user-out-btn.button-hover {
  148. background-color: rgba(237, 237, 237, 1);
  149. }
  150. .user-out-btn::after {
  151. opacity: 0;
  152. }