index.scss 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. .offer-list {
  2. width: 100%;
  3. padding: 20rpx 30rpx;
  4. box-sizing: border-box;
  5. background-color: #fff;
  6. border-bottom: 1rpx solid #ddd;
  7. font-family: PingFang SC-Regular, PingFang SC;
  8. position: relative;
  9. .action {
  10. position: absolute;
  11. right: 0;
  12. bottom: 30rpx;
  13. }
  14. .title {
  15. position: relative;
  16. display: flex;
  17. height: 42rpx;
  18. align-items: center;
  19. >text {
  20. display: inline-block;
  21. width: 80%;
  22. font-size: 30rpx;
  23. color: #333333;
  24. }
  25. .status {
  26. position: absolute;
  27. right: -30rpx;
  28. width: 132rpx;
  29. height: 40rpx;
  30. border-radius: 20rpx 0px 0px 20rpx;
  31. box-sizing: border-box;
  32. padding-left: 30rpx;
  33. line-height: 40rpx;
  34. font-size: 24rpx;
  35. font-family: PingFang SC-Regular, PingFang SC;
  36. color: #FFFFFF;
  37. }
  38. }
  39. .tag-box {
  40. display: flex;
  41. align-items: center;
  42. width: 100%;
  43. .datatag,
  44. .systemtag {
  45. flex-shrink: 0;
  46. margin-top: 6rpx;
  47. background: #3874f6;
  48. color: #ffffff;
  49. margin-right: 10rpx;
  50. display: flex;
  51. align-items: center;
  52. height: 40rpx;
  53. font-size: 20rpx;
  54. padding: 0 10rpx;
  55. border-radius: 20rpx;
  56. font-family: PingFang SC-Regular, PingFang SC;
  57. }
  58. .datatag {
  59. background: #FA8C16;
  60. }
  61. }
  62. .exp {
  63. height: 34rpx;
  64. font-size: 24rpx;
  65. color: #666;
  66. margin-top: 8rpx;
  67. text {
  68. color: #333333;
  69. }
  70. }
  71. }
  72. .line-1 {
  73. overflow: hidden;
  74. white-space: nowrap;
  75. text-overflow: ellipsis;
  76. }