抖音小程序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.

211 lines
4.1 KiB

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