C端小程序
Você não pode selecionar mais de 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.

183 linhas
2.9 KiB

  1. @import "../iconfont.wxss";
  2. .searchicon{
  3. margin-right: 5rpx;
  4. }
  5. .search{
  6. z-index:5000;
  7. left:0;
  8. right: 0;
  9. margin: auto;
  10. width: 700rpx;
  11. height: 68rpx;
  12. line-height: 68rpx;
  13. border:1px solid #ccc;
  14. background: #F4F5F9;
  15. border-radius:10rpx;
  16. text-align: center;
  17. color: #999;
  18. font-size:30rpx;
  19. }
  20. .under_line{
  21. width: 100%;
  22. }
  23. .scrollY {
  24. width: 134rpx;
  25. position: fixed;
  26. left: 0;
  27. background:#F4F5F9;
  28. /* top:240rpx; */
  29. margin-top: 40rpx;
  30. overflow: scroll;
  31. }
  32. .text-style {
  33. position: relative;
  34. width: 139rpx;
  35. height: 100rpx;
  36. line-height: 100rpx;
  37. text-align: center;
  38. font-size: 30rpx;
  39. font-family: PingFangSC-Semibold;
  40. color: #3C3C3C;
  41. background: #FFFFFF;
  42. font-weight:500;
  43. }
  44. .text-styleHover{
  45. position: relative;
  46. width: 139rpx;
  47. height: 100rpx;
  48. line-height: 100rpx;
  49. text-align: center;
  50. font-size: 26rpx;
  51. font-family: PingFangSC-Semibold;
  52. color: #A6A6A6;
  53. }
  54. .text-style text{
  55. font-size: 26rpx;
  56. }
  57. .active1 {
  58. font-size: 26rpx!important;
  59. }
  60. .active {
  61. position: absolute;
  62. left: 4rpx;
  63. bottom: 0rpx;
  64. top:0;
  65. margin: auto;
  66. width:12rpx;
  67. height:24rpx;
  68. background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%);
  69. border-radius:7rpx;
  70. }
  71. .posi {
  72. position: relative;
  73. width: 616rpx;
  74. float: right;
  75. margin-top: 20rpx;
  76. }
  77. .posi>view:nth-child(2) {
  78. width: 100%;
  79. display: flex;
  80. justify-content: space-between;
  81. box-sizing: border-box;
  82. }
  83. .posi>view:nth-child(2) text:nth-child(1) {
  84. font-size: 30rpx;
  85. color: #a9a9a9;
  86. }
  87. .posi>view:nth-child(2) text:nth-child(2) {
  88. font-size: 30rpx;
  89. color: #a9a9a9;
  90. }
  91. .posi_logo {
  92. position: relative;
  93. width:576rpx!important;
  94. height:176rpx;
  95. background:rgba(255,255,255,1);
  96. box-shadow:0px 4rpx 8rpx 0px rgba(0,0,0,0.04);
  97. border-radius:16rpx;
  98. margin: 20rpx;
  99. overflow: hidden;
  100. }
  101. .tel {
  102. position: absolute;
  103. right: 3%;
  104. top: 0;
  105. bottom: 0;
  106. margin: auto;
  107. width: 50rpx;
  108. height: 50rpx;
  109. }
  110. .merchants{
  111. width: 90%;
  112. display: flex;
  113. background: #fff;
  114. padding-right:5%;
  115. overflow: hidden;
  116. }
  117. .merchants view:nth-child(1) image {
  118. display: block;
  119. width: 120rpx;
  120. height: 120rpx;
  121. border-radius: 16rpx;
  122. }
  123. .position{
  124. text-align: center;
  125. margin-top: 100rpx;
  126. color: #999;
  127. }
  128. .leftBox{
  129. padding: 20rpx 0;
  130. }
  131. .shopVo{
  132. margin-left: 20rpx;
  133. }
  134. .merchantName{
  135. color: #3C3C3C;
  136. font-size: 32rpx;
  137. margin-left: 20rpx;
  138. width: 60%;
  139. overflow: hidden;
  140. text-overflow:ellipsis;
  141. white-space: nowrap;
  142. margin-top: 10rpx;
  143. }
  144. .shopVo text{
  145. float: left;
  146. }
  147. page {
  148. padding: 0 0 30rpx;
  149. }
  150. .text{
  151. display: block;
  152. width: 25%;
  153. text-align: center;
  154. }
  155. .view view:nth-of-type(1) {
  156. font-size: 28rpx;
  157. color: #888;
  158. }
  159. .shopVoList{
  160. padding-left: 0!important;
  161. display: inline-block!important;
  162. width: 345rpx;
  163. white-space: nowrap;
  164. text-overflow: ellipsis;
  165. overflow: hidden;
  166. }
  167. .shopVoList text{
  168. font-size: 20rpx!important;
  169. color: #b8b8b8!important;
  170. margin-right: 10rpx;
  171. }