抖音c端
Nie możesz wybrać więcej, niż 25 tematów Tematy muszą się zaczynać od litery lub cyfry, mogą zawierać myślniki ('-') i mogą mieć do 35 znaków.

230 wiersze
6.3 KiB

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