抖音c端
Du kannst nicht mehr als 25 Themen auswählen Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.

188 Zeilen
3.9 KiB

  1. .components {
  2. display: block;
  3. height: auto;
  4. margin-top: 15rpx;
  5. margin-bottom: 15rpx;
  6. background-color: #fff;
  7. }
  8. .components .header {
  9. height: 70rpx;
  10. }
  11. .components .header .applyshop {
  12. float: left;
  13. font-size: 30rpx;
  14. line-height: 70rpx;
  15. text-indent: 1em;
  16. color: #333;
  17. background: #fff;
  18. font-weight: bold;
  19. }
  20. .components .header .goShop {
  21. float: left;
  22. font-size: 22rpx;
  23. height: 70rpx;
  24. line-height: 70rpx;
  25. text-indent: 1em;
  26. color: #a6a6a6;
  27. background: #fff;
  28. font-weight: bold;
  29. margin-right: 25rpx;
  30. }
  31. .components .header .rightArrow {
  32. float: right;
  33. display: block;
  34. width: 14rpx;
  35. margin: 24rpx 30rpx 0 10rpx;
  36. }
  37. .components .body .mall {
  38. display: flex;
  39. justify-content: space-between;
  40. align-items: center;
  41. margin-top: 15rpx;
  42. padding-left: 25rpx;
  43. padding-right: 65rpx;
  44. }
  45. .components .body .mall .img {
  46. display: inline-block;
  47. width: 75rpx;
  48. height: 75rpx;
  49. }
  50. .components .body .mall .mallItem {
  51. position: relative;
  52. top: -26rpx;
  53. display: inline-block;
  54. margin-left: 25rpx;
  55. }
  56. .components .body .mall .mallItem .title {
  57. font-size: 28rpx;
  58. }
  59. .components .body .mall .goExpand {
  60. font-size: 25rpx;
  61. color: #a6a6a6;
  62. }
  63. .components .body .mall .goExpand .text {
  64. display: inline-block;
  65. margin-right: 20rpx;
  66. }
  67. .components .body .mall .goExpand .rightArrowDown {
  68. display: inline-block;
  69. position: relative;
  70. top: 5rpx;
  71. width: 14rpx;
  72. transform: rotate(90deg);
  73. }
  74. .components .body .mall .goExpand .rightArrowUp {
  75. display: inline-block;
  76. position: relative;
  77. top: 5rpx;
  78. width: 14rpx;
  79. transform: rotate(-90deg);
  80. }
  81. .components .body .shop .posi {
  82. /* position: relative; */
  83. width: 100%;
  84. background: #FFF;
  85. margin-bottom: 5rpx;
  86. }
  87. .components .body .shop .posi .posi_logo {
  88. position: relative;
  89. width: 92%;
  90. display: flex;
  91. padding: 20rpx 0;
  92. background: #fff;
  93. margin: 0 auto;
  94. }
  95. .components .body .shop .posi .posi_logo view:nth-child(1) image {
  96. display: block;
  97. width: 100rpx;
  98. height: 100rpx;
  99. border-radius: 16rpx;
  100. margin-right: 16rpx;
  101. border: 1px solid #e5e5e5;
  102. }
  103. .components .body .shop .posi .posi_logo .name {
  104. font-size: 32rpx;
  105. color: #333;
  106. letter-spacing: 0;
  107. width: 400rpx;
  108. white-space: nowrap;
  109. text-overflow: ellipsis;
  110. overflow: hidden;
  111. }
  112. .components .body .shop .posi .posi_logo .shopVoList {
  113. white-space: nowrap !important;
  114. overflow-y: scroll;
  115. height: 60rpx !important;
  116. width: 360rpx;
  117. font-size: 16px;
  118. color: #333;
  119. letter-spacing: 0;
  120. }
  121. .components .body .shop .posi .posi_logo .shopVoList text {
  122. font-size: 20rpx !important;
  123. color: #b8b8b8 !important;
  124. }
  125. .components .body .shop .posi .posi_logo .telBox {
  126. position: absolute;
  127. right: 0;
  128. top: 0;
  129. bottom: 0;
  130. margin: auto;
  131. }
  132. .components .body .shop .posi .posi_logo .telBox .telImg {
  133. width: 50rpx;
  134. height: 50rpx;
  135. margin-top: 20rpx;
  136. }
  137. .components .body .shop .posi .posi_logo .telBox .telText {
  138. text-align: center;
  139. color: #b8b8b8 !important;
  140. font-size: 20rpx;
  141. }
  142. .components .body .shop .posi .posi_logo .certificationBox {
  143. position: absolute;
  144. right: 80rpx;
  145. top: 0;
  146. bottom: 0;
  147. }
  148. .components .body .shop .posi .posi_logo .certificationBox .certificationImg {
  149. width: 50rpx;
  150. height: 50rpx;
  151. margin-top: 20rpx;
  152. }
  153. .components .body .shop .posi .posi_logo .certificationBox .telText {
  154. text-align: center;
  155. color: #b8b8b8 !important;
  156. font-size: 20rpx;
  157. }
  158. .components .body .shop .posi .siteBox {
  159. overflow: hidden;
  160. width: 92%;
  161. margin: 0 auto 1rpx auto;
  162. padding-bottom: 10rpx;
  163. }
  164. .components .body .shop .posi .siteBox .siteText {
  165. width: 90%;
  166. float: left;
  167. font-size: 24rpx;
  168. color: #333;
  169. overflow: hidden;
  170. white-space: nowrap;
  171. text-overflow: ellipsis;
  172. }
  173. .components .body .shop .posi .siteBox .siteImg {
  174. float: right;
  175. width: 40rpx;
  176. height: 40rpx;
  177. }
  178. .components .body .shop .posi .dividerInside {
  179. width: 100%;
  180. height: 5rpx;
  181. background-color: #DCDFE6;
  182. }
  183. .components .body .divider {
  184. width: 100%;
  185. height: 12rpx;
  186. background-color: #f4f5f9;
  187. }