Home Explore Help
Register Sign In
forest
/
forest-H5
6
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: 0975e32ba7
Branches Tags
forest-H5
/
pages
/
index
/
index.css

index.css 4.2 KB
History Raw

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364 
  1. /* 搜索修改 */
    2. 

  2. .search-wrap{padding: 10rpx 8rpx;background-color: #fff;}
    3. 

  3. .index >>> .uni-searchbar__box{justify-content: left;border: 0;background-color: #F1F1F2!important;}
    4. 

  4. 

  5. .appAdv{height:300rpx;}
    6. 

  6. .appAdv .adv-item .pic{width: 100%;}
    7. 

  7. .appAdv .adv-item{border-radius: 24rpx;overflow: hidden;transform: scale(0.9);transition: all .3s;}
    8. 

  8. .appAdv .adv-item.active{transform: scale(1);}
    9. 

  9. 

  10. /* 快速导航 */
    11. 

  11. .quick-links{display: flex;flex-wrap: wrap;padding: 0;justify-content: space-between;}
    12. 

  12. .quick-links-item{width: 48%;margin-bottom: 24rpx;position: relative;}
    13. 

  13. .quick-links .quick-links-item:nth-child(1){color: #4A90E2;}
    14. 

  14. .quick-links .quick-links-item:nth-child(2){color: #397B53;}
    15. 

  15. .quick-links .quick-links-item:nth-child(3){color: #9013FE;}
    16. 

  16. .quick-links .quick-links-item:nth-child(4){color: #F5A623;}
    17. 

  17. .quick-links-item-til{position: absolute;left: 16rpx;top: 16rpx;z-index: 10;font-size: 24rpx;font-weight: bold;}
    18. 

  18. .quick-links-item-subtil{position: absolute;left: 16rpx;top: 53rpx;z-index: 10;font-size: 16rpx;}
    19. 

  19. .quick-links-item-img{width: 100%;height: 160rpx;overflow: hidden;border-radius: 10rpx;}
    20. 

  20. .quick-links-item-img image{width: 100%;height: 100%;}
    21. 

  21. 

  22. /* 分类链接 */
    23. 

  23. .category{display: flex;align-items: end;height: 88rpx;line-height: 88rpx;background-color: #fff;}
    24. 

  24. .category .category-item{position: relative;height: 100%;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 32rpx;color: #666;}
    25. 

  25. .category .category-item.active{font-size: 36rpx;color: #6BBC6D;}
    26. 

  26. .category .category-item.active::after{content: '';width: 100%;height: 6rpx;background-color: #6BBC6D;border-radius: 3rpx;position: absolute;left: 0;bottom: 0;}
    27. 

  27. .category .category-item-more{color: #6BBC6D;width: 100rpx;padding-right: 10rpx;margin-right: 10rpx;}
    28. 

  28. .category .category-item-more::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;transform: rotate(45deg);}
    29. 

  29. .category .category-item-all{margin-left: 40rpx;}
    30. 

  30. .category-scroll-view{flex: 1;overflow: hidden;white-space: nowrap;padding-left: 23rpx;}
    31. 

  31. .category-scroll-view .category-item{display: inline-block;margin: 0 23rpx;}
    32. 

  32. 

  33. /* 瀑布流 */
    34. 

  34. /* .waterfall{column-count: 2;column-gap: 1vw;padding-top: 1vw;}
    35. 

  35. .waterfall .item-wrap{width: 100%;overflow: hidden;border-radius: 24rpx;break-inside: avoid;margin-bottom: 24rpx;}
    36. 

  36. .waterfall .item-img{width: 100%;height: auto;}
    37. 

  37. .waterfall .item-til{margin-bottom: 10rpx;font-size: 28rpx;padding: 0 20rpx;}
    38. 

  38. .waterfall .item-info{font-size: 24rpx;padding: 0 20rpx;}
    39. 

  39. .waterfall .item-info .price{color: #f60;margin-right: 5rpx;}
    40. 

  40. .waterfall .item-info .addr{color: #666;} */
    41. 

  41. 

  42. .indexproduct{display: flex;flex-wrap: wrap;}
    43. 

  43. .indexproduct .item-wrap{width: 50%;margin-bottom: 22rpx;}
    44. 

  44. .indexproduct .item-wrap .item{box-shadow: 0px 0px 14px -4px rgba(0, 0, 0, 0.3);border-radius: 18rpx;}
    45. 

  45. .indexproduct .item-wrap:nth-child(odd) .item{margin-right: 11rpx;}
    46. 

  46. .indexproduct .item-wrap:nth-child(even) .item{margin-left: 11rpx;}
    47. 

  47. .indexproduct .item-img-wrap{overflow: hidden;width: 100%;height: 322rpx;margin-bottom: 15rpx;border-top-left-radius: 18rpx;border-top-right-radius: 18rpx;}
    48. 

  48. .indexproduct .item-img{width: 100%;height: 100%;}
    49. 

  49. .indexproduct .item-text-wrap{padding:  0 24rpx 25rpx;padding-right: 0;box-sizing: border-box;height: 192rpx;}
    50. 

  50. .indexproduct .merchant{line-height: 33rpx;margin-bottom: 5rpx;color: #6BBC6D;}
    51. 

  51. .indexproduct .merchant .postage{height: 24rpx;padding: 0 14rpx;margin-left: 16rpx;line-height: 24rpx;display: inline-block;font-size: 20rpx;background-color: #E1F2E2;border-radius: 12rpx;}
    52. 

  52. .indexproduct .item-til{font-size: 32rpx;font-weight: 500;color: #333;line-height: 45rpx;margin-bottom: 5rpx;}
    53. 

  53. .indexproduct .item-addr{font-size: 24rpx;font-weight: 400;color: #666;line-height: 33rpx;margin-bottom: 5rpx;}
    54. 

  54. .indexproduct .item-price-info .rmb{font-size: 28rpx;font-weight: 500;color: #FF5030;line-height: 40rpx;}
    55. 

  55. .indexproduct .item-price-info .price{font-size: 36rpx;font-weight: 500;color: #FF5030;line-height: 50rpx;}
    56. 

  56. .indexproduct .item-price-info .price.noprice{font-size: 28rpx;}
    57. 

  57. .indexproduct .item-price-info .unit{font-size: 24rpx;font-weight: 400;color: #999999;line-height: 33rpx;}
    58. 

  58. 

  59. 

  60. 

  61. 

  62. 

  63. 

  64.