index.scss 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  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. .topBox{
  32. position: relative;
  33. // background: red;
  34. height: 292rpx;
  35. border-radius: 24rpx 24rpx 0 0;
  36. image{
  37. width: 100%;
  38. height: 292rpx;
  39. border-radius: 24rpx 24rpx 0 0;
  40. }
  41. }
  42. .bottom{
  43. display: flex;
  44. justify-content: center;
  45. align-items: center;
  46. height: 76rpx;
  47. .txt{
  48. width: 85%;
  49. overflow: hidden;
  50. text-overflow: ellipsis;
  51. white-space: nowrap;
  52. }
  53. }
  54. }
  55. }