index.less 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120
  1. .elist {
  2. padding: 20px 23px 52px 23px;
  3. .eitem {
  4. border-radius: 6px;
  5. padding: 31px;
  6. background: #FFFFFF;
  7. display: flex;
  8. flex-flow: row nowrap;
  9. margin-bottom: 17px;
  10. position: relative;
  11. overflow: hidden;
  12. .einfor {
  13. width: 100%;
  14. position: relative;
  15. .etitle {
  16. font-size: 30px;
  17. display: flex;
  18. flex-flow: column;
  19. padding-bottom: 10px;
  20. .ename {
  21. flex: 1;
  22. padding-right: 20px;
  23. font-weight: bolder;
  24. display: flex;
  25. flex-direction: row;
  26. align-items: center;
  27. }
  28. .ecode {
  29. font-size: 24px;
  30. font-weight: 400;
  31. }
  32. }
  33. .etime {
  34. font-size: 30px;
  35. padding-bottom: 10px;
  36. }
  37. .euserName {
  38. font-size: 25px;
  39. color: #999999;
  40. padding-bottom: 10px;
  41. display: flex;
  42. flex-flow: row nowrap;
  43. align-items: center;
  44. justify-content: space-between;
  45. position: relative;
  46. .euNtext {
  47. width: 540px;
  48. overflow: hidden;
  49. white-space: nowrap;
  50. text-overflow: ellipsis;
  51. }
  52. }
  53. .emore {
  54. font-size: 26px;
  55. margin: 10px 0;
  56. color: #58A3FF;
  57. }
  58. }
  59. }
  60. }
  61. .ereject {
  62. font-size: 24px;
  63. position: absolute;
  64. right: -31px;
  65. top: 0px;
  66. border-bottom-left-radius: 100px;
  67. border-top-left-radius: 100px;
  68. padding: 15px;
  69. color: white;
  70. background: rgba(22, 155, 213, 1);
  71. }
  72. .eselect {
  73. font-size: 24px;
  74. position: absolute;
  75. right: -31px;
  76. top: 100px;
  77. border-bottom-left-radius: 100px;
  78. border-top-left-radius: 100px;
  79. padding: 15px;
  80. color: white;
  81. background: #F1662F;
  82. }
  83. .sadd {
  84. -webkit-flex: none;
  85. -ms-flex: none;
  86. flex: none;
  87. display: block;
  88. margin-left: 10PX;
  89. padding: 0 10PX;
  90. height: 30PX;
  91. color: #FFF;
  92. font-size: 14PX;
  93. line-height: 30PX;
  94. border-radius: 4PX;
  95. background-color: green;
  96. -webkit-transition: margin-right 0.3s, opacity 0.3s;
  97. -o-transition: margin-right 0.3s, opacity 0.3s;
  98. transition: margin-right 0.3s, opacity 0.3s;
  99. margin: 12px 10px;
  100. }