goods-search.css 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137
  1. /**
  2. * 排序导航
  3. */
  4. .nav-sort-content .item {
  5. height: 80rpx;
  6. line-height: 80rpx;
  7. width: calc(20% - 33.33rpx);
  8. }
  9. .nav-sort-content .item .icon {
  10. width: 30rpx;
  11. height: 30rpx !important;
  12. }
  13. .screening-submit {
  14. width: 50rpx;
  15. height: 50rpx !important;
  16. top: 15rpx;
  17. right: 80rpx;
  18. }
  19. .show-type-submit {
  20. width: 50rpx;
  21. height: 50rpx !important;
  22. top: 15rpx;
  23. right: 16rpx;
  24. }
  25. /**
  26. * 商品列表
  27. */
  28. .data-list .item {
  29. width: calc(50% - 10rpx);
  30. }
  31. .data-list .item:nth-child(2n) {
  32. float: right;
  33. }
  34. .data-list .item:nth-child(2n+1) {
  35. float: left;
  36. }
  37. .data-list .item .goods-img {
  38. width: 100%;
  39. height: 380rpx !important;
  40. }
  41. /**
  42. * 条件
  43. */
  44. .search-map {
  45. height: calc(100vh - 160rpx);
  46. overflow-y: scroll;
  47. overflow-x: hidden;
  48. }
  49. .search-map,
  50. .search-map .search-submit {
  51. width: 660rpx;
  52. }
  53. .map-keywords {
  54. padding: 0 20rpx;
  55. line-height: 66rpx;
  56. height: 66rpx;
  57. font-size: 26rpx;
  58. box-sizing: border-box;
  59. }
  60. .map-nav text:first-child {
  61. font-weight: bold;
  62. }
  63. .map-nav .arrow-bottom {
  64. top: 0;
  65. right: 10rpx;
  66. padding-right: 46rpx;
  67. }
  68. .map-item {
  69. line-height: 66rpx;
  70. }
  71. .map-content {
  72. line-height: 60rpx;
  73. }
  74. .map-content .item {
  75. margin-bottom: 20rpx;
  76. }
  77. .map-content .item:not(:last-child) {
  78. margin-right: 20rpx;
  79. }
  80. .map-text-item .item,
  81. .map-images-text-item .item {
  82. padding: 0 15rpx;
  83. border: 1px solid transparent;
  84. }
  85. .map-images-text-item .item {
  86. vertical-align: middle;
  87. border: 1px solid #eee;
  88. width: 150rpx;
  89. height: 72rpx;
  90. line-height: 72rpx;
  91. }
  92. .map-images-text-item .item image {
  93. width: 150rpx;
  94. height: calc(100% - 8rpx);
  95. display: block;
  96. margin: 0 auto;
  97. margin-top: 4rpx;
  98. }
  99. .search-map .search-submit {
  100. left: 0;
  101. bottom: 0;
  102. }
  103. .search-map .search-submit button {
  104. height: 80rpx;
  105. line-height: 80rpx;
  106. }
  107. /**
  108. * 品牌基础信息
  109. */
  110. .brand-info {
  111. height: 160rpx;
  112. }
  113. .brand-info image,
  114. .brand-info .info-logo-empty {
  115. width: 300rpx;
  116. height: 130rpx;
  117. border: 1px solid #eee;
  118. }
  119. .brand-info .info-logo-empty {
  120. line-height: 130rpx;
  121. font-weight: bold;
  122. }
  123. .brand-info .info-right {
  124. width: calc(100% - 330rpx);
  125. }
  126. .brand-info .info-name {
  127. line-height: 56rpx;
  128. font-weight: bold;
  129. }
  130. .brand-info .info-desc {
  131. font-size: 28rpx;
  132. line-height: 40rpx;
  133. min-height: 80rpx;
  134. }