1. // 模态框底部按钮样式
    2. .modalFooterBtn {
    3. :global {
    4. .ant-modal-confirm-btns,
    5. .ant-modal-footer {
    6. display: flex;
    7. justify-content: flex-start;
    8. flex-direction: row-reverse;
    9. .ant-btn {
    10. background-color: #e5e5e5;
    11. color: #252525;
    12. border-color: #e5e5e5;
    13. min-width: 72px;
    14. &:focus,
    15. &:hover {
    16. background-color: #f2f2f2;
    17. color: #252525;
    18. border-color: #f2f2f2;
    19. }
    20. }
    21. .ant-btn-primary {
    22. order: 0;
    23. margin-right: 12px;
    24. color: #fff;
    25. background-color: #256ffc;
    26. border-color: #256ffc;
    27. transition: all 0.3s;
    28. &:focus,
    29. &:hover {
    30. color: #fff;
    31. background-color: #4584fc;
    32. border-color: #4584fc;
    33. }
    34. }
    35. }
    36. }
    37. }