index.scss 1.8 KB

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