C端小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

145 line
2.2 KiB

  1. .index-slide, swiper-item
  2. .index-slide-image {
  3. display: block;
  4. width: 750rpx;
  5. margin: 0 auto;
  6. overflow: hidden;
  7. position: relative;
  8. }
  9. .index-slide-view .dots {
  10. position: absolute;
  11. left: 0;
  12. right: 0;
  13. bottom: 20rpx;
  14. display: flex;
  15. justify-content: center;
  16. }
  17. .index-slide-view .dots .dot {
  18. margin: 0 8rpx;
  19. width: 12rpx;
  20. height: 12rpx;
  21. background: #b6b6b7;
  22. border-radius: 50%;
  23. transition: all 0.6s;
  24. }
  25. .index-slide-view .dots .dot.active {
  26. background: #02c0ff;
  27. width: 30rpx;
  28. height: 12rpx;
  29. border-radius: 10rpx;
  30. opacity: 1;
  31. }
  32. .bannerbg {
  33. width: 100%;
  34. }
  35. .bannerbg image {
  36. display: block;
  37. width: 100%;
  38. }
  39. .merchant-detail {
  40. width:92%;
  41. padding:30rpx 4% 0;
  42. background:#fff;
  43. border-top-left-radius:20rpx;
  44. border-top-right-radius:20rpx;
  45. margin-top:-25rpx;
  46. }
  47. .merchant-brand, .merchant-shop, .merchant-phone {
  48. width: 100%;
  49. display: flex;
  50. padding: 20rpx 0;
  51. background: #fff;
  52. border-bottom: 1rpx solid #efefef;
  53. }
  54. .merchant-brand view:nth-child(1) {
  55. width: 160rpx;
  56. border-radius: 16rpx;
  57. height: 160rpx;
  58. }
  59. .merchant-brand view:nth-child(1) image {
  60. display: block;
  61. width: 160rpx;
  62. height: 160rpx;
  63. border-radius: 16rpx;
  64. border: 1px solid #e5e5e5;
  65. }
  66. .merchant-brand view:nth-child(2) {
  67. display: flex;
  68. flex-direction: column;
  69. flex: 6;
  70. padding-left: 30rpx;
  71. }
  72. .merchant-brand view:nth-child(2) text:nth-child(1) {
  73. margin-top: 20rpx;
  74. }
  75. .merchant-shop text, .merchant-phone text {
  76. font-size: 30rpx;
  77. }
  78. .merchant-shop view, .merchant-phone view {
  79. display: flex;
  80. flex: 2;
  81. color: #333;
  82. }
  83. .merchant-shop view:nth-child(2){
  84. font-size: 30rpx;
  85. }
  86. .merchant-info {
  87. display: block!important;
  88. color: #999;
  89. font-size: 28rpx;
  90. }
  91. .merchant-phones{
  92. padding: 20rpx 0;
  93. display: block;
  94. font-size: 30rpx;
  95. }
  96. .tel {
  97. right: 0;
  98. top: 0;
  99. bottom: 0;
  100. margin: auto;
  101. width: 50rpx;
  102. height: 50rpx;
  103. }
  104. .shoplists {
  105. display: flex;
  106. }
  107. .shoplists text {
  108. flex: 2;
  109. }
  110. .godetail {
  111. color: #999;
  112. font-size: 30rpx;
  113. position: absolute;
  114. right: 10rpx;
  115. }
  116. .merchants text{
  117. display: block;
  118. text-align: left;
  119. font-size:26rpx;
  120. margin-bottom: 6rpx;
  121. }
  122. .merchants{
  123. display: block!important;
  124. }
  125. .merchant-brand{
  126. border: none!important;
  127. }