抖音小程序C端
Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.

156 строки
2.7 KiB

  1. /* d:\fumaolianke\ttFmC\tt富茂C\pages\user\user.ttss */
  2. .userBg{
  3. width: 100%;
  4. height: 200rpx;
  5. background:linear-gradient(180deg,rgba(253,131,45,1) 0%,rgba(254,74,22,1) 100%);
  6. position: relative;
  7. }
  8. button::after {
  9. border: none;
  10. }
  11. button {
  12. background-color: transparent;
  13. padding-left: 0;
  14. padding-right: 0;
  15. line-height:inherit;
  16. }
  17. button {
  18. border-radius:0;
  19. }
  20. .userLogo{
  21. position: absolute;
  22. top: 40rpx;
  23. left: 80rpx;
  24. height: 100rpx;
  25. width: 100rpx;
  26. background-color: aliceblue;
  27. border-radius: 50%;
  28. }
  29. .userLogo open-data{
  30. display: block;
  31. width: 100%;
  32. height: 100%;
  33. }
  34. .userLogo img{
  35. border-radius: 50% !important;
  36. }
  37. .open{
  38. width: 100% !important;
  39. height:100% !important;
  40. border-radius: 50% !important;
  41. overflow: hidden;
  42. }
  43. .open img{
  44. border-radius: 50% !important;
  45. }
  46. .userData{
  47. position: absolute;
  48. top: 40rpx;
  49. left: 180rpx;
  50. font-size: 26rpx;
  51. color: #ffffff;
  52. }
  53. .noInfo{
  54. width: 220rpx;
  55. margin-left: 20rpx;
  56. font-size: 32rpx;
  57. text-overflow: -o-ellipsis-lastline;
  58. overflow:hidden;
  59. text-overflow:ellipsis;
  60. display:-webkit-box;
  61. -webkit-box-orient:vertical;
  62. -webkit-line-clamp:1;
  63. }
  64. .info{
  65. border: 1rpx #ffffff solid;
  66. border-radius: 50rpx;
  67. padding: 0 10rpx;
  68. margin-top: 10rpx;
  69. margin-left: 20rpx;
  70. width: 130rpx;
  71. }
  72. .userName{
  73. position: absolute;
  74. top: 60rpx;
  75. left: 180rpx;
  76. font-size: 26rpx;
  77. color: #ffffff;
  78. }
  79. .tempBpx{
  80. position: relative;
  81. width: 680rpx;
  82. height: 160rpx;
  83. }
  84. .functionBox{
  85. position: absolute;
  86. width: 680rpx;
  87. height: 160rpx;
  88. left: 5%;
  89. top: -23%;
  90. background-color: #ffffff;
  91. border-radius: 10rpx;
  92. display: flex;
  93. justify-content:space-around;
  94. }
  95. .itemBox{
  96. width:30% ;
  97. /* text-align: center; */
  98. }
  99. .itemLogoBox{
  100. width: 60rpx;
  101. height: 60rpx;
  102. /* background-color: #cacaca; */
  103. margin: 20rpx auto 0 auto;
  104. }
  105. .itemLogo{
  106. width: 100%;
  107. height: 100%;
  108. }
  109. .itemNAme{
  110. text-align: center;
  111. font-size: 26rpx;
  112. margin-top: 10rpx;
  113. }
  114. .moreBox{
  115. width: 680rpx;
  116. margin: 20rpx auto 0 auto;
  117. background-color: #ffffff;
  118. border-radius: 10rpx;
  119. overflow: hidden;
  120. }
  121. .fuwu{
  122. font-size: 28rpx;
  123. margin: 20rpx;
  124. }
  125. .fuwuItemBox{
  126. /* display: flex; */
  127. overflow: hidden;
  128. }
  129. .f{
  130. float: left;
  131. }
  132. .r{
  133. float: right;
  134. }
  135. .fuwuItem{
  136. /* width: 25%; */
  137. /* background-color: aquamarine; */
  138. border-bottom: 1rpx #f6f6f6 solid;
  139. padding: 20rpx 0;
  140. overflow: hidden;
  141. width: 90%;
  142. margin: 0 auto;
  143. }
  144. .fuwuLogoBox{
  145. width: 50rpx;
  146. height: 50rpx;
  147. /* background-color: #fb3e5c; */
  148. }
  149. .fuwuName{
  150. text-align: center;
  151. font-size: 24rpx;
  152. margin-top: 10rpx;
  153. margin-left: 10rpx;
  154. }