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

index.less 551B

12345678910111213141516171819202122232425262728293031323334
  1. @import '~antd/lib/style/themes/default.less';
  2. .tagSelect {
  3. user-select: none;
  4. margin-left: -8px;
  5. position: relative;
  6. overflow: hidden;
  7. max-height: 32px;
  8. line-height: 32px;
  9. transition: all 0.3s;
  10. :global {
  11. .ant-tag {
  12. padding: 0 8px;
  13. margin-right: 24px;
  14. font-size: @font-size-base;
  15. }
  16. }
  17. &.expanded {
  18. transition: all 0.3s;
  19. max-height: 200px;
  20. }
  21. .trigger {
  22. position: absolute;
  23. top: 0;
  24. right: 0;
  25. i {
  26. font-size: 12px;
  27. }
  28. }
  29. &.hasExpandTag {
  30. padding-right: 50px;
  31. }
  32. }