index.scss 1.2 KB

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