index.scss 937 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. ::v-deep .u-line{
  2. width: 56rpx!important;
  3. }
  4. .page{
  5. padding-bottom: 54rpx;
  6. background: #F1F1F1;
  7. min-height: calc(100vh - 56rpx);
  8. }
  9. .con{
  10. width:100%;
  11. display: flex;
  12. flex-wrap: wrap;
  13. padding: 24rpx 32rpx;
  14. padding-left: 28rpx;
  15. .item{
  16. width: 336rpx;
  17. background: #FFFFFF;
  18. border-radius: 24rpx;
  19. border: 2rpx solid #F1F1F1;
  20. margin-right: 16rpx;
  21. margin-bottom: 24rpx;
  22. display: flex;
  23. flex-direction: column;
  24. .topBox{
  25. position: relative;
  26. // background: red;
  27. height: 292rpx;
  28. border-radius: 24rpx 24rpx 0 0;
  29. image{
  30. width: 100%;
  31. height: 100%;
  32. border-radius: 24rpx 24rpx 0 0;
  33. }
  34. }
  35. .bottom{
  36. display: flex;
  37. justify-content: center;
  38. align-items: center;
  39. height: 76rpx;
  40. .txt{
  41. width: 85%;
  42. overflow: hidden;
  43. text-overflow: ellipsis;
  44. white-space: nowrap;
  45. }
  46. }
  47. }
  48. }