typescript 确认模态中的按钮样式

lnlaulya  于 2023-02-20  发布在  TypeScript
关注(0)|答案(1)|浏览(128)

我有一个项目,这个项目包含很多接口,在这些接口中,有上传图像的接口,我在这个图像上有删除按钮,用于确认删除图像操作,

正如你所看到的图像,有两个按钮,我不知道如何把风格的这些按钮,我需要把marginRight的“按钮”
我怎样才能解决这个问题呢?

const onGalleryFileRemove = (_file: UploadFile<any>) => {
        const { confirm } = Modal

        return new Promise<boolean>((resolve, reject) => {
            confirm({
                title: <h3 style={{ marginLeft: '3rem' }}>{formatMessage({ id: 'confirmationDeletePicture' })}</h3>,
                icon: <ExclamationCircleOutlined style={{ float: 'right' }} />,
                onOk: () => {
                    resolve(true)
                },
                onCancel: () => {
                    reject(true)
                }
            })
        });
    };
zpjtge22

zpjtge221#

您可以在okButtonPropscancelButtonProps prop 中传递样式。

Modal.confirm({
    content: 'Hello World',
    cancelButtonProps: {
        style: {
            marginRight: '10px'
        }
    },
    okButtonProps: {
        style: {
            marginRight: '10px'
        }
    }
});

相关问题