card.css 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. .project-list-item {
  2. background-color: #fff;
  3. border-radius: 4px;
  4. cursor: pointer;
  5. transition: all .2s;
  6. }
  7. .project-list-item:hover {
  8. box-shadow: 2px 0 4px rgba(0, 21, 41, .35);
  9. }
  10. .project-list-item .project-list-item-cover {
  11. width: 100%;
  12. height: 180px;
  13. display: block;
  14. border-top-left-radius: 4px;
  15. border-top-right-radius: 4px;
  16. }
  17. .project-list-item-body {
  18. padding: 20px;
  19. border: 1px solid #e8e8e8;
  20. }
  21. .project-list-item .project-list-item-body>h2 {
  22. font-size: 16px;
  23. color: #333;
  24. margin-bottom: 12px;
  25. }
  26. .project-list-item .project-list-item-text {
  27. height: 40px;
  28. overflow: hidden;
  29. margin-bottom: 12px;
  30. }
  31. .project-list-item .project-list-item-desc {
  32. position: relative;
  33. }
  34. .project-list-item .project-list-item-desc .time {
  35. color: #999;
  36. font-size: 12px;
  37. }
  38. .project-list-item .project-list-item-desc .ew-head-list {
  39. position: absolute;
  40. right: 0;
  41. top: 0;
  42. }
  43. .ew-head-list .ew-head-list-item:first-child {
  44. margin-left: 0;
  45. }
  46. .ew-head-list .ew-head-list-item {
  47. width: 22px;
  48. height: 22px;
  49. border-radius: 50%;
  50. border: 1px solid #fff;
  51. margin-left: -10px;
  52. }
  53. .ew-head-list .ew-head-list-item {
  54. width: 22px;
  55. height: 22px;
  56. border-radius: 50%;
  57. border: 1px solid #fff;
  58. margin-left: -10px;
  59. }
  60. .cloud-card-component {
  61. padding: 20px;
  62. }
  63. .cloud-card-component .layui-table-click {
  64. border-radius: 6px!important;
  65. }
  66. .ew-table-loading {
  67. padding: 10px 0;
  68. text-align: center;
  69. }
  70. .ew-table-loading > i {
  71. color: #999;
  72. font-size: 30px;
  73. }
  74. .ew-table-loading.ew-loading-float {
  75. position: absolute;
  76. top: 0;
  77. left: 0;
  78. right: 0;
  79. }