list.scss 2.1 KB

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