ProjectManagerApi.getSettleDate().then((response) => { //if (response.isSettleDate) { info(response.settleDate ?? ''); //} }); }); const info = (settleDate?: string) => { Modal.info({ title: () => '绩效结算提醒', content: () => h('div', { style: { className: 'custom-modal-content' } }, [ h('p', '系统将于' + settleDate + '进行绩效结算'), h( 'p', '请及时完成发票认领、收款单核销、项目结项等操作，系统结算后操作产生的数据将会被忽略！' ) ]), onOk() { console.log('ok'); } }); }; 在这段代码中为modal.info增加背景样式

要为 `Modal.info` 的弹出框增加背景样式，你可以使用 `Modal.info` 方法的第二个参数 `options`，在其中定义 `className` 属性来指定弹出框的样式类名。然后，你可以在样式表中定义该类名的样式。

以下是一个示例代码：

const info = (settleDate?: string) => {
  Modal.info({
    title: () => '绩效结算提醒',
    content: () =>
      h('div', { style: { className: 'custom-modal-content' } }, [
        h('p', '系统将于' + settleDate + '进行绩效结算'),
        h(
          'p',
          '请及时完成发票认领、收款单核销、项目结项等操作，系统结算后操作产生的数据将会被忽略！'
        )
      ]),
    onOk() {
      console.log('ok');
    },
    className: 'custom-modal-bg' // 添加自定义的样式类名
  });
};

然后，在你的样式表中定义 `custom-modal-bg` 类的样式：

.custom-modal-bg .ant-modal-content {
  background-color: rgba(0, 0, 0, 0.5); /* 设置背景颜色和透明度 */
}

/* 可以根据需要调整其他样式 */

在上述示例中，通过将 `className` 设置为 `custom-modal-bg`，为弹出框添加了自定义的样式类名。然后，在样式表中使用该类名来设置弹出框内容的背景样式。

请根据你的需求自定义 `custom-modal-bg` 类的样式。希望能对你有所帮助！如果还有其他问题，请随时提问。