C端小程序
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

199 行
2.9 KiB

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