// 模态 .ivu-modal{ .ivu-modal-content{ .ivu-modal-close{ right: 30px; top: 4px; } .ivu-modal-header{ padding: 10px 30px; background-color: var(--app-color-black); .ivu-modal-header-inner, p{ font-size: 16px; color: var(--app-color-white); height: auto; line-height: normal; } } .ivu-modal-body{ background-color: var(--app-color-gray-400); padding: 30px 30px; } .ivu-modal-footer{ border-top: 0; background-color: var(--app-color-gray-400); padding: 0 30px 30px; >div{ display: flex; justify-content: flex-end; } } } } // 通知框 .ivu-notice{ .ivu-notice-notice{ padding: 15px 20px; background-color: var(--app-color-gray-400); .ivu-notice-notice-content{ .ivu-notice-icon{ font-size: 20px; top: 0px; } .ivu-notice-title{ margin-left: 30px; margin-bottom: 12px; font-size: 16px; line-height: 23px; } .ivu-notice-desc{ margin-left: 30px; } } } } // 确认操作框 .ivu-modal-confirm{ padding: 0; .ivu-modal-confirm-head{ .ivu-modal-confirm-head-icon{ font-size: 20px; color: var(--app-color-red); i::before{ content: "\F107"; } } .ivu-modal-confirm-head-title{ font-size: 16px; color: var(--app-color-black); } } .ivu-modal-confirm-body{ margin: 14px 0; padding-left: 0; font-size: 14px; color: var(--app-color-gray-100); } .ivu-modal-confirm-footer{ margin-top: 0; display: flex; justify-content: flex-end; .ivu-btn:nth-child(1){ border: none; background-color: var(--app-color-gray-200); color: var(--app-color-black); font-size: 14px; } .ivu-btn:nth-child(2){ border: none; background-color: var(--app-color-blue); color: var(--app-color-white); font-size: 14px; } } }