index.less 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. // .cardbox{
  2. // border-radius: 15rpx;
  3. // margin: 20rpx;
  4. // padding: 30rpx;
  5. // box-shadow: 0rpx 0rpx 10rpx #b8b7b7;
  6. // .card{
  7. // width: 100%;
  8. // display: flex;
  9. // image{
  10. // width: 310rpx;
  11. // height: 177rpx;
  12. // border-radius: 20rpx;
  13. // }
  14. // .infobox{
  15. // margin-left: 20rpx;
  16. // width: 405rpx;
  17. // .title{
  18. // width: 100%;
  19. // height: 160rpx;
  20. // font-size: 28rpx;
  21. // overflow: hidden;
  22. // text-overflow: ellipsis;
  23. // display: -webkit-box;
  24. // -webkit-line-clamp: 4;
  25. // -webkit-box-orient: vertical;
  26. // }
  27. // }
  28. // }
  29. // .time{
  30. // width: 100%;
  31. // font-size: 26rpx;
  32. // color: gray;
  33. // margin-top: 10rpx;
  34. // }
  35. // .submit{
  36. // position: absolute;
  37. // right: 0;
  38. // bottom: 0;
  39. // border-radius: 15rpx;
  40. // display: flex;
  41. // justify-content: center;
  42. // align-items: center;
  43. // background-color: aqua;
  44. // font-size: 25rpx;
  45. // padding: 10rpx 20rpx;
  46. // }
  47. // }
  48. .cardbox {
  49. position: relative;
  50. display: flex;
  51. justify-content: space-between;
  52. padding: 20rpx;
  53. margin: 20rpx;
  54. box-shadow: 0rpx 0rpx 10rpx rgb(218, 218, 218);
  55. border-radius: 10rpx;
  56. .card {
  57. width: 260rpx;
  58. height: 180rpx;
  59. image {
  60. width: 100%;
  61. height: 100%;
  62. }
  63. }
  64. .infobox {
  65. width: 400rpx;
  66. height: 200rpx;
  67. .title {
  68. font-size: 32rpx;
  69. display: -webkit-box;
  70. -webkit-box-orient: vertical;
  71. -webkit-line-clamp: 3;
  72. overflow: hidden;
  73. }
  74. .time {
  75. font-size: 28rpx;
  76. }
  77. }
  78. .status {
  79. position: absolute;
  80. bottom: 0rpx;
  81. right: 0rpx;
  82. font-size: 25rpx;
  83. border-radius: 10rpx;
  84. background: #4F9AF7;
  85. padding: 10rpx 20rpx;
  86. color: white;
  87. }
  88. }