Startsida Utforska Hjälp
Registrera dig Logga in
forest
/
forest-H5
6
0
Fork 0
Filer Ärenden 0 Pull-förfrågningar 0 Wiki
Träd: 4bfaeab0c0
Grenar Taggar
forest-H5
/
pages
/
index
/
index.css

index.css 5.8 KB
Historik Rå

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889 
  1. page{background-color: #F6F7F8;}
    2. 

  2. /* 搜索修改 */
    3. 

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

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

  5. .index >>> .uni-searchbar{background-color: #F6F7F8;}
    6. 

  6. 

  7. .index >>> .mescroll-downwarp{z-index: -1;}
    8. 

  8. /* .mescroll-body{overflow: visible;} */
    9. 

  9. 

  10. .appAdv{height:300rpx;background-color: #F6F7F8;}
    11. 

  11. .appAdv .adv-item .pic{width: 100%;}
    12. 

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

  13. .appAdv .adv-item.active{transform: scale(1);}
    14. 

  14. 

  15. .mescroll-wrap{margin-bottom: 24rpx;}
    16. 

  16. 

  17. /* 快速导航 */
    18. 

  18. /* .quick-links{display: flex;flex-wrap: wrap;padding: 0;justify-content: space-between;}
    19. 

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

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

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

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

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

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

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

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

  27. .quick-links-item-img image{width: 100%;height: 100%;} */
    28. 

  28. 

  29. .subject{margin-bottom: 24rpx;display: flex;justify-content: space-between;padding: 0 50rpx;}
    30. 

  30. .subject-item{width: 100rpx;text-align: center;}
    31. 

  31. .subject-item-img{margin: 0 auto 8rpx;width: 78rpx;height: 78rpx;}
    32. 

  32. .subject-item-img .img{width: 100%;height: 100%;}
    33. 

  33. .subject-item-til{font-size: 24rpx;color: #417505;line-height: 33rpx;}
    34. 

  34. 

  35. /* 分类链接 */
    36. 

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

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

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

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

  40. .category .category-item-more{font-size: 24rpx;color: #6BBC6D;padding-left: 24rpx;margin-right: 10rpx;}
    41. 

  41. /* .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);} */
    42. 

  42. .category .category-item-all{margin-left: 40rpx;}
    43. 

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

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

  45. 

  46. /* 瀑布流 */
    47. 

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

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

  49. .waterfall .item-img{width: 100%;height: auto;}
    50. 

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

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

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

  53. .waterfall .item-info .addr{color: #666;} */
    54. 

  54. 

  55. .indexproduct{display: flex;flex-wrap: wrap;}
    56. 

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

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

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

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

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

  61. .indexproduct .item-img{width: 100%;height: 100%;}
    62. 

  62. .indexproduct .item-text-wrap{padding:  0 24rpx 25rpx;padding-right: 0;box-sizing: border-box;height: 190rpx;}
    63. 

  63. .indexproduct .merchant{line-height: 33rpx;color: #6BBC6D;font-size: 24rpx;}
    64. 

  64. .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;}
    65. 

  65. .indexproduct .item-til{font-size: 32rpx;font-weight: 500;color: #333;line-height: 45rpx;}
    66. 

  66. .indexproduct .item-spec{font-size: 24rpx;line-height: 33rpx;height: 36rpx;margin-top: 10rpx;overflow: hidden;}
    67. 

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

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

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

  70. .indexproduct .item-price-info .price.noprice{font-size: 28rpx;}
    71. 

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

  72. 

  73. 

  74. .index >>> .u-notice-bar-wrap .iconfont{color: #feaa36;}
    75. 

  75. .index >>> .uni-popup .fade-out:first-of-type{background-color: rgba(0, 0, 0, 0.75)!important;}
    76. 

  76. .uni-popup{z-index: 999;}
    77. 

  77. .promotion{width: 100vw;position: relative;text-align: center;}
    78. 

  78. .promotion .image{width:625rpx;height: 962rpx;display: block;margin: 0 auto 32rpx;}
    79. 

  79. .close-wrap{}
    80. 

  80. .promotion .imgclose{width: 60rpx;height: 60rpx;}
    81. 

  81. 

  82. /* .supplier-list{padding: 0 16rpx 24rpx;} */
    83. 

  83. .suppliers{display: flex;}
    84. 

  84. .supplier-list-item{flex-shrink: 0;width: 142rpx;margin-right: 20rpx;display: inline-block;}
    85. 

  85. .supplier-list-item-img{display: block;width: 100%;height: 108rpx;margin-bottom: 7rpx;}
    86. 

  86. .supplier-list-item-img .img{width: 100%;height: 100%;}
    87. 

  87. .supplier-list-item-til{font-size: 24rpx;color: #666;line-height: 33rpx;height: 64rpx;overflow: hidden;}
    88. 

  88. 

  89. .rollbuy{position: absolute;top: 89rpx;left: 0;height: 54rpx;line-height: 54rpx;background-color: rgba(0,0,0,0.47);color: #fff;border-top-right-radius: 50rpx;border-bottom-right-radius: 50rpx;font-size: 24rpx;padding: 0 30rpx 0 16rpx;}
    90.