抖音c端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

254 lines
4.3 KiB

  1. /* d:\fumaolianke\ttFmC\tt富茂C\pages\user\user.ttss */
  2. page {
  3. padding-bottom: 0;
  4. }
  5. .BoxBg {
  6. /* background-image: url("https://formall.oss-accelerate.aliyuncs.com/douyin_ifomall/imgData/userBg.png"); */
  7. /* background-size: 100% auto; */
  8. /* background-repeat: no-repeat; */
  9. /* transform: rotate(16deg); */
  10. /* background: #F1F6F7 */
  11. position: relative;
  12. background-color: #e6e6e6;
  13. overflow: hidden;
  14. }
  15. .bgImgTop {
  16. width: 100%;
  17. height: 380rpx;
  18. transform: rotate(16deg);
  19. position: absolute;
  20. top: 260rpx;
  21. left: 0;
  22. z-index: 1;
  23. }
  24. .userBg {
  25. width: 100%;
  26. height: 200rpx;
  27. /* background:linear-gradient(180deg,rgba(253,131,45,1) 0%,rgba(254,74,22,1) 100%); */
  28. position: relative;
  29. }
  30. .userBg1 {
  31. width: 100%;
  32. height: 200rpx;
  33. /* background-image: url("/assets/imgData/userBg.png"); */
  34. position: relative;
  35. z-index: 1000;
  36. }
  37. button::after {
  38. border: none;
  39. }
  40. button {
  41. background-color: transparent;
  42. padding-left: 0;
  43. padding-right: 0;
  44. line-height: inherit;
  45. }
  46. button {
  47. border-radius: 0;
  48. }
  49. .userLogo {
  50. position: absolute;
  51. top: 40rpx;
  52. left: 80rpx;
  53. height: 100rpx;
  54. width: 100rpx;
  55. background-color: aliceblue;
  56. border-radius: 50%;
  57. border: 2rpx solid #A2B9BE;
  58. }
  59. .userLogo open-data {
  60. display: block;
  61. width: 100%;
  62. height: 100%;
  63. }
  64. .userLogo img {
  65. border-radius: 50% !important;
  66. }
  67. .open {
  68. width: 100% !important;
  69. height: 100% !important;
  70. border-radius: 50% !important;
  71. overflow: hidden;
  72. }
  73. .open img {
  74. border-radius: 50% !important;
  75. }
  76. .userData {
  77. position: absolute;
  78. top: 40rpx;
  79. left: 180rpx;
  80. font-size: 26rpx;
  81. margin-top: 10rpx;
  82. /* color: #ffffff; */
  83. }
  84. .noInfo {
  85. width: 220rpx;
  86. margin-left: 20rpx;
  87. font-size: 32rpx;
  88. text-overflow: -o-ellipsis-lastline;
  89. overflow: hidden;
  90. text-overflow: ellipsis;
  91. display: -webkit-box;
  92. -webkit-box-orient: vertical;
  93. -webkit-line-clamp: 1;
  94. color: #02201c;
  95. font-family: "PingFangSC-Medium";
  96. font-size: 36rpx;
  97. font-weight: 400;
  98. text-transform: uppercase;
  99. }
  100. .info {
  101. border: 1rpx #ffffff solid;
  102. border-radius: 50rpx;
  103. padding: 0 10rpx;
  104. margin-top: 10rpx;
  105. margin-left: 20rpx;
  106. text-align: center;
  107. /* width: 130rpx; */
  108. }
  109. .infoX {
  110. /* border: 1rpx #ffffff solid; */
  111. border-radius: 50rpx;
  112. padding: 0 10rpx;
  113. margin-top: 10rpx;
  114. margin-left: 10rpx;
  115. color: #02201c;
  116. font-family: "PingFangSC-Regular";
  117. font-size: 26rpx;
  118. font-weight: 400;
  119. text-transform: uppercase;
  120. /* text-align: center; */
  121. }
  122. .userName {
  123. position: absolute;
  124. top: 60rpx;
  125. left: 180rpx;
  126. font-size: 26rpx;
  127. color: #ffffff;
  128. }
  129. .tempBpx {
  130. position: relative;
  131. width: 680rpx;
  132. height: 160rpx;
  133. }
  134. .functionBox {
  135. position: absolute;
  136. width: 680rpx;
  137. height: 160rpx;
  138. left: 5%;
  139. /* top: -23%; */
  140. top: -14%;
  141. /* background-color: #ffffff; */
  142. border-radius: 10rpx;
  143. display: flex;
  144. justify-content: space-around;
  145. /* overflow: hidden; */
  146. z-index: 100;
  147. }
  148. .itemBox {
  149. width: 30%;
  150. /* text-align: center; */
  151. }
  152. .itemLogoBox {
  153. width: 60rpx;
  154. height: 60rpx;
  155. /* background-color: #cacaca; */
  156. margin: 20rpx auto 0 auto;
  157. }
  158. .itemLogo {
  159. width: 100%;
  160. height: 100%;
  161. }
  162. .itemNAme {
  163. text-align: center;
  164. font-size: 26rpx;
  165. margin-top: 10rpx;
  166. }
  167. .moreBox {
  168. width: 680rpx;
  169. margin: 20rpx auto 0 auto;
  170. background-color: #ffffff;
  171. border-radius: 10rpx;
  172. overflow: hidden;
  173. left: 5%;
  174. position: absolute;
  175. z-index: 1000;
  176. }
  177. .fuwu {
  178. /* font-size: 28rpx; */
  179. margin: 20rpx 0 20rpx 40rpx;
  180. color: #5d3a19;
  181. font-family: "PingFangSC-Medium";
  182. font-size: 32rpx;
  183. font-weight: 400;
  184. }
  185. .fuwuItemBox {
  186. /* display: flex; */
  187. overflow: hidden;
  188. }
  189. .f {
  190. float: left;
  191. }
  192. .r {
  193. float: right;
  194. }
  195. .fuwuItem {
  196. /* width: 25%; */
  197. /* background-color: aquamarine; */
  198. border-bottom: 1rpx #f6f6f6 solid;
  199. padding: 20rpx 0;
  200. overflow: hidden;
  201. width: 90%;
  202. margin: 0 auto;
  203. }
  204. .fuwuLogoBox {
  205. width: 50rpx;
  206. height: 50rpx;
  207. /* background-color: #fb3e5c; */
  208. }
  209. .fuwuName {
  210. text-align: center;
  211. font-size: 24rpx;
  212. margin-top: 10rpx;
  213. margin-left: 10rpx;
  214. }
  215. .version {
  216. position: absolute;
  217. bottom: 150rpx;
  218. right: 5%;
  219. color: #ffffffb9;
  220. }