index.scss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. .main-1 {
  2. display: flex;
  3. flex-wrap: wrap;
  4. justify-content: space-between;
  5. width: 690rpx;
  6. margin: 0 auto;
  7. .item {
  8. display: flex;
  9. flex-direction: column;
  10. width: 336rpx;
  11. height: 280rpx;
  12. border-radius: 16rpx;
  13. overflow: hidden;
  14. background-color: #FFFFFF;
  15. margin-top: 20rpx;
  16. .img {
  17. width: 100%;
  18. height: 200rpx;
  19. .noimg {
  20. display: flex;
  21. align-items: center;
  22. justify-content: center;
  23. background-color: #EEEEEE;
  24. width: 100%;
  25. height: 100%;
  26. .icon {
  27. font-size: 90rpx;
  28. }
  29. }
  30. image {
  31. width: 100%;
  32. height: 200rpx;
  33. }
  34. }
  35. .label {
  36. text-align: center;
  37. line-height: 80rpx;
  38. font-size: 28rpx;
  39. font-weight: normal;
  40. color: #333333;
  41. padding: 0 20rpx;
  42. box-sizing: border-box;
  43. }
  44. }
  45. }