index.wxss 4.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. /* 搜索修改 */
  2. .search-wrap.data-v-57280228{padding: 10rpx 8rpx;background-color: #fff;}
  3. .index.data-v-57280228 .uni-searchbar__box{-webkit-box-pack: left;-webkit-justify-content: left;justify-content: left;border: 0;background-color: #F1F1F2!important;}
  4. /* 快速导航 */
  5. .quick-links.data-v-57280228{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;padding: 0;-webkit-box-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;}
  6. .quick-links-item.data-v-57280228{width: 48%;margin-bottom: 24rpx;}
  7. /* .quick-links-item + .quick-links-item{margin-left: 10rpx;} */
  8. .quick-links-item-til.data-v-57280228{margin-bottom: 10rpx;}
  9. .quick-links-item-img.data-v-57280228{width: 100%;height: 160rpx;overflow: hidden;border-radius: 10rpx;}
  10. .quick-links-item-img image.data-v-57280228{width: 100%;height: 100%;}
  11. /* 分类链接 */
  12. .category.data-v-57280228{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;height: 88rpx;line-height: 88rpx;background-color: #fff;}
  13. .category .category-item.data-v-57280228{position: relative;-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;height: 100%;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 32rpx;color: #666;}
  14. .category .category-item.active.data-v-57280228{font-size: 36rpx;color: #6BBC6D;}
  15. .category .category-item.active.data-v-57280228::after{content: '';width: 100%;height: 6rpx;background-color: #6BBC6D;border-radius: 3rpx;position: absolute;left: 0;bottom: 0;}
  16. .category .category-item-more.data-v-57280228{color: #6BBC6D;width: 150rpx;padding-right: 10rpx;margin-right: 10rpx;}
  17. .category .category-item-more.data-v-57280228::after{content: '';width: 20rpx;height: 20rpx;position: absolute;right: 10rpx;top: 50%;margin-top: -10rpx;border-top: 1px solid #6BBC6D;border-right: 1px solid #6BBC6D;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
  18. .category .category-item-all.data-v-57280228{margin-left: 10rpx;}
  19. /* 瀑布流 */
  20. /* .waterfall{column-count: 2;column-gap: 1vw;padding-top: 1vw;}
  21. .waterfall .item-wrap{width: 100%;overflow: hidden;border-radius: 24rpx;break-inside: avoid;margin-bottom: 24rpx;}
  22. .waterfall .item-img{width: 100%;height: auto;}
  23. .waterfall .item-til{margin-bottom: 10rpx;font-size: 28rpx;padding: 0 20rpx;}
  24. .waterfall .item-info{font-size: 24rpx;padding: 0 20rpx;}
  25. .waterfall .item-info .price{color: #f60;margin-right: 5rpx;}
  26. .waterfall .item-info .addr{color: #666;} */
  27. .indexproduct.data-v-57280228{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
  28. .indexproduct .item-wrap.data-v-57280228{width: 50%;margin-bottom: 22rpx;}
  29. .indexproduct .item-wrap .item.data-v-57280228{box-shadow: 0px 0px 14px -4px rgba(0, 0, 0, 0.3);border-radius: 18rpx;}
  30. .indexproduct .item-wrap:nth-child(odd) .item.data-v-57280228{margin-right: 11rpx;}
  31. .indexproduct .item-wrap:nth-child(even) .item.data-v-57280228{margin-left: 11rpx;}
  32. .indexproduct .item-img-wrap.data-v-57280228{overflow: hidden;width: 100%;height: 322rpx;margin-bottom: 15rpx;border-top-left-radius: 18rpx;border-top-right-radius: 18rpx;}
  33. .indexproduct .item-img.data-v-57280228{width: 100%;height: 100%;}
  34. .indexproduct .item-text-wrap.data-v-57280228{padding: 0 24rpx 25rpx;padding-right: 0;box-sizing: border-box;height: 192rpx;}
  35. .indexproduct .merchant.data-v-57280228{line-height: 33rpx;margin-bottom: 5rpx;color: #6BBC6D;}
  36. .indexproduct .merchant .postage.data-v-57280228{height: 24rpx;padding: 0 14rpx;margin-left: 16rpx;line-height: 24rpx;display: inline-block;font-size: 20rpx;background-color: #E1F2E2;border-radius: 12rpx;}
  37. .indexproduct .item-til.data-v-57280228{font-size: 32rpx;font-weight: 500;color: #333;line-height: 45rpx;margin-bottom: 5rpx;}
  38. .indexproduct .item-addr.data-v-57280228{font-size: 24rpx;font-weight: 400;color: #666;line-height: 33rpx;margin-bottom: 5rpx;}
  39. .indexproduct .item-price-info .rmb.data-v-57280228{font-size: 28rpx;font-weight: 500;color: #FF5030;line-height: 40rpx;}
  40. .indexproduct .item-price-info .price.data-v-57280228{font-size: 36rpx;font-weight: 500;color: #FF5030;line-height: 50rpx;}
  41. .indexproduct .item-price-info .unit.data-v-57280228{font-size: 24rpx;font-weight: 400;color: #999999;line-height: 33rpx;}