groupList.css 2.3 KB

123456789101112131415161718192021222324252627282930313233343536
  1. /* product/list/list.wxss */
  2. .ssbox{padding: 20rpx 35rpx 10rpx;}
  3. .search{background: #F0F2F3;height: 70rpx;border-radius: 35rpx;padding: 0 30rpx;align-items: center;font-size: 26rpx;color: #666;}
  4. .search image{width: 30rpx;height: 30rpx;margin-right: 13rpx;}
  5. .filter{padding: 0 20rpx;}
  6. .filter .li{width: 33.33%;display: flex;display: -webkit-flex;align-items: center;justify-content: center;padding: 25rpx 0;font-size: 30rpx;color: #333;}
  7. .filter .li.active{color: var(--mina);}
  8. .updown{width: 14rpx;height: 23rpx;margin-left: 9rpx;}
  9. .shequ .li{border-bottom: 2rpx solid #eee;padding: 39rpx 20rpx 38rpx;overflow: hidden;}
  10. .shequ .li:last-child{border-bottom: none;margin-bottom: 0;}
  11. .shequ .li .flex{overflow: hidden;}
  12. .proimg{box-sizing: border-box;width: 210rpx;height: 210rpx;border-radius: 10rpx;margin-right: 20rpx;border: 2rpx solid #E5E5E5;}
  13. .proname{font-size: 28rpx;color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
  14. .endtime{display: inline-block;height: 32rpx;line-height: 32rpx;border: 2rpx solid #FE0419;border-radius: 6rpx;padding: 0 8rpx;font-size: 24rpx;color: #FE0419;margin: 15rpx 0 65rpx;}
  15. .operate{justify-content: space-between;align-items: center;}
  16. .proprice .del{font-weight: normal;font-size: 24rpx;color: #999;margin-left: 12rpx;text-decoration: line-through;}
  17. .add-cart image{width: 42rpx;height: 42rpx;}
  18. .nums{align-items: center;}
  19. .num{font-size: 30rpx;width: 50rpx;text-align: center;line-height: 42rpx;}
  20. .remind{width: 150rpx;height: 50rpx;border-radius: 25rpx;font-size: 24rpx;color: #fff;text-align: center;line-height: 50rpx;}
  21. .datas{justify-content: space-between;align-items: center;font-size: 24rpx;color: #666;padding: 20rpx 0 0;}
  22. .yigou{margin-left: 6rpx;align-items: center;}
  23. .yigou image{width: 40rpx;height: 40rpx;border-radius: 50%;margin-left: -6rpx;border: 2rpx solid #fff;}
  24. .yigou image.more1{border: none;width: 46rpx;height: 46rpx;}
  25. .yigou text{margin-left: 12rpx;}
  26. .xiaoliang{color: #999;}
  27. .price{font-size: 24rpx;color: #FE0419;}
  28. .price text{font-size: 36rpx;font-weight: bold;}
  29. .price .del{font-size: 24rpx;color: #999;text-decoration: line-through;}
  30. .add-cart image{width: 42rpx;height: 42rpx;}
  31. .nums{align-items: center;}
  32. .num{font-size: 30rpx;width: 50rpx;text-align: center;line-height: 42rpx;}
  33. .remind{width: 150rpx;height: 50rpx;border-radius: 25rpx;font-size: 24rpx;color: #fff;text-align: center;line-height: 50rpx;}