index.wxss 2.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. page{width:100%;height:100%;background-color:#F5F5F4;}
  2. .equip{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;margin-top: 120rpx;}
  3. .list{width:49%;background-color:#fff;margin-bottom:10rpx;padding-bottom:10rpx;}
  4. .header{width:100%;height:370rpx;display:block;}
  5. .name{width:100%;color:#231815;font-size:26rpx;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin:14rpx 0;padding:0 18rpx;box-sizing:border-box;}
  6. .pri{width:100%;display:flex;align-items:flex-end;/*justify-content:space-between;*/padding:0 18rpx;box-sizing:border-box;position:relative;}
  7. .news{color:#D81F2A;font-size:28rpx;}
  8. .news text{font-size:27rpx;}
  9. .old{color:#9FA0A0;text-decoration:line-through;font-size:22rpx;margin-left:20rpx;}
  10. .num{color:#9FA0A0;font-size:24rpx;position:absolute;right:20rpx;top:6rpx;}
  11. /* 头部搜索框 */
  12. .fixed-box{
  13. position: fixed;
  14. top: 0;
  15. left: 0;
  16. z-index: 999;
  17. width: 100%;
  18. background: #f1f1f1;
  19. }
  20. .topCol{width:100%; background: #fff; display:flex; align-items:center;justify-content:space-around;padding:20rpx 30rpx;box-sizing:border-box;z-index:999;}
  21. .topCol .city{width:20%;font-size:30rpx;color:#fff;text-align:left;position:relative;}
  22. .topCol .city text{width:14rpx;height:14rpx;border-left:4rpx solid #fff;border-bottom:4rpx solid #fff;display:inline-block;transform:rotate(-45deg);margin-left:8rpx;position:absolute;top:8rpx;}
  23. .topCol .city.navigator-hover{background: none;}
  24. .topCol .city .bit{width:30rpx;height:30rpx;}
  25. .topCol .searchBox{width:calc(100% - 60rpx);height:60rpx;border-radius:30rpx;background-color:#F1F1F1;display:inline-flex;align-items:center;padding: 0 20rpx;}
  26. .topCol .searchBox .input{
  27. margin-left: 10rpx;
  28. color: #999;
  29. }
  30. /* .goods-label{
  31. margin-top: 120rpx;
  32. } */
  33. .article{
  34. /* padding-top: 200rpx; */
  35. padding: 200rpx 20rpx 0;
  36. height: calc(100% - 200rpx);
  37. }
  38. .goods-label{
  39. padding: 0 20rpx;
  40. background: #fff;
  41. border-radius: 10rpx;
  42. }
  43. .goods-label .goods-label-box{
  44. display: flex;
  45. flex-direction: row;
  46. align-items: center;
  47. padding: 20rpx 0;
  48. overflow-y: hidden;
  49. overflow-x: scroll;
  50. }
  51. .goods-label .label-el{
  52. padding: 0 6rpx;
  53. /* border: 1px solid #ee3a43; */
  54. margin-right: 20rpx;
  55. /* border-radius: 10rpx; */
  56. color: #ee3a43;
  57. line-height: 1.6;
  58. white-space: nowrap;
  59. }
  60. .goods-label .tag-active{
  61. /* color: #fff;
  62. background: #ee3a43; */
  63. border-bottom: 2px solid #ee3a43;
  64. }
  65. .waterfall-page-wrapper {
  66. box-sizing: border-box;
  67. /* margin: 0 auto; */
  68. width: 100%;
  69. height: 100%;
  70. /* overflow-x: hidden;
  71. overflow-y: scroll; */
  72. }