动态菜单和动态路由的 antd pro

Projects.less 991B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. @import '~antd/lib/style/themes/default.less';
  2. @import '../../utils/utils.less';
  3. .coverCardList {
  4. margin-bottom: -24px;
  5. .card {
  6. :global {
  7. .ant-card-meta-title {
  8. margin-bottom: 4px;
  9. & > a {
  10. color: @heading-color;
  11. display: inline-block;
  12. max-width: 100%;
  13. }
  14. }
  15. .ant-card-meta-description {
  16. height: 44px;
  17. line-height: 22px;
  18. overflow: hidden;
  19. }
  20. }
  21. &:hover {
  22. :global {
  23. .ant-card-meta-title > a {
  24. color: @primary-color;
  25. }
  26. }
  27. }
  28. }
  29. .cardItemContent {
  30. display: flex;
  31. margin-top: 16px;
  32. margin-bottom: -4px;
  33. line-height: 20px;
  34. height: 20px;
  35. & > span {
  36. color: @text-color-secondary;
  37. flex: 1;
  38. font-size: 12px;
  39. }
  40. .avatarList {
  41. flex: 0 1 auto;
  42. }
  43. }
  44. .cardList {
  45. margin-top: 24px;
  46. }
  47. :global {
  48. .ant-list .ant-list-item-content-single {
  49. max-width: 100%;
  50. }
  51. }
  52. }