index.scss 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. page {
  2. background: #f9f9f9;
  3. overflow-x: hidden;
  4. }
  5. ::v-deep .uni-load-more{
  6. bottom: 200rpx!important;
  7. }
  8. .container {
  9. // margin-top: 25%;
  10. padding-top: 80rpx;
  11. padding-bottom: 130rpx;
  12. .taskList{
  13. padding: 0 30rpx;
  14. .ul{
  15. margin-top: 30rpx;
  16. .li{
  17. background: #fff;
  18. border-radius: 20rpx;
  19. display: flex;
  20. align-items: center;
  21. padding: 30rpx;
  22. margin-bottom: 30rpx;
  23. .leftPicBox{
  24. border-radius: 20rpx;
  25. flex-shrink: 0;
  26. margin-right: 20rpx;
  27. width: 200rpx;
  28. height: 200rpx;
  29. background: #eee;
  30. image{
  31. border-radius: 20rpx;
  32. width: 200rpx;
  33. height: 200rpx;
  34. }
  35. }
  36. .right{
  37. // width: 80%;
  38. .title{
  39. font-size: 36rpx;
  40. font-weight: 600;
  41. }
  42. .des2{
  43. width:440rpx;
  44. overflow: hidden;
  45. white-space: nowrap;
  46. text-overflow: ellipsis;
  47. }
  48. .mb30{
  49. margin-bottom: 10rpx;
  50. }
  51. .bottom{
  52. display: flex;
  53. align-items: center;
  54. margin-top: 20rpx;
  55. width: 445rpx;
  56. justify-content: space-between;
  57. .money{
  58. font-size: 36rpx;
  59. font-weight: 600;
  60. // margin-right: 60rpx;
  61. }
  62. .btn{
  63. background: #26B3A0;
  64. padding: 5rpx 15rpx;
  65. margin-right: 20rpx;
  66. border-radius:25rpx;
  67. font-weight: 600;
  68. color: #fff;
  69. }
  70. }
  71. }
  72. }
  73. }
  74. }
  75. }
  76. .yongjin{
  77. color: #666;
  78. font-size: 26rpx;
  79. }