index.scss 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
  1. view {
  2. box-sizing: border-box;
  3. }
  4. .container {
  5. min-height: 100vh;
  6. background:#F7F8FB ;
  7. .mainBox{
  8. .list{
  9. overflow-y: scroll;
  10. overflow-x: hidden;
  11. // min-height: 100vh;
  12. padding: 30rpx;
  13. padding-top: 110rpx;
  14. .item{
  15. // height: 154rpx;
  16. // background: #FFFFFF;
  17. // box-shadow: 0rpx 4rpx 16rpx -8rpx rgba(0,103,104,0.16);
  18. // border-radius: 32rpx;
  19. padding: 40rpx 32rpx;
  20. position: relative;
  21. margin-bottom: 8rpx;
  22. background-repeat: no-repeat;
  23. background-size: 100% 100%;
  24. .water{
  25. width: 114rpx;
  26. height: 120rpx;
  27. position: absolute;
  28. bottom: 0;
  29. left: 0;
  30. z-index: 0;
  31. border-radius:0 0 0 32rpx;
  32. }
  33. .top{
  34. display: flex;
  35. align-items: center;
  36. justify-content: space-between;
  37. position: relative;
  38. z-index: 1;
  39. .name{
  40. font-size: 28rpx;
  41. font-family: PingFang-SC, PingFang-SC;
  42. font-weight: bold;
  43. color: #333333;
  44. }
  45. .money{
  46. font-size: 32rpx;
  47. font-family: PingFang-SC, PingFang-SC;
  48. font-weight: bold;
  49. color: #333333;
  50. padding-right: 18rpx;
  51. }
  52. }
  53. .bot{
  54. display: flex;
  55. align-items: center;
  56. justify-content: space-between;
  57. margin-top: 14rpx;
  58. position: relative;
  59. z-index: 1;
  60. .count{
  61. font-size: 24rpx;
  62. font-family: PingFang-SC, PingFang-SC;
  63. font-weight: 500;
  64. color: #666666;
  65. width: 110rpx;
  66. height: 32rpx;
  67. background: #C5E1FF;
  68. border-radius: 0rpx 14rpx 0rpx 14rpx;
  69. display: flex;
  70. align-items: center;
  71. justify-content: center;
  72. }
  73. .time{
  74. font-size: 24rpx;
  75. font-family: PingFang-SC, PingFang-SC;
  76. font-weight: 500;
  77. color: #999999;
  78. }
  79. }
  80. }
  81. }
  82. }
  83. }
  84. ::v-deep .u-tabs{
  85. background: #FFFFFF!important;
  86. box-shadow: 0rpx 2rpx 20rpx 0rpx rgba(0,0,0,0.05)!important;
  87. border-radius: 0rpx 0rpx 32rpx 32rpx!important;
  88. position: fixed;
  89. width: 100%;
  90. z-index: 3;
  91. }
  92. ::v-deep .u-tabs__wrapper__nav__item__text{
  93. font-size: 28rpx!important;
  94. }