抖音c端
Non puoi selezionare più di 25 argomenti Gli argomenti devono iniziare con una lettera o un numero, possono includere trattini ('-') e possono essere lunghi fino a 35 caratteri.

211 righe
5.9 KiB

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