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.

119 rivejä
2.1 KiB

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