一、標題樣式
1、目標樣式：修改彈窗標題樣式
2、問題：
直接在對應css文件中修改樣式不生效。
3、原因分析：
可能原因：
選擇器權重不夠，把在控制臺找到的選擇器直接復制下來，如果還不夠就再加，還有注意不要寫在帶 scope 屬性的樣式表里。
4、解決辦法：
// 第一步：添加容器類名
const delModal = (id, userName) => {Modal.confirm({class: "del-user-modal",title: () => ` ${userName} `,icon: () => createVNode(ExclamationCircleOutlined),okText: "確定",cancelText: "取消",closable: true,centered: true,onOk() {delUser(id);},onCancel() {},});
};// 第二步：在公共樣式文件中添加樣式（common.css）/* 用戶管理-刪除彈框-標題樣式 */
.del-user-modal .ant-modal-confirm-title{color: #477EED;
}.del-user-modal .ant-modal-confirm-title::before {display: inline-block;content: "是否確定刪除";color: rgba(0,0,0,0.80);
}.del-user-modal .ant-modal-confirm-title::after {display: inline-block;content: "用戶";color: rgba(0,0,0,0.80);
}?
二、Modal.confirm —— okButtonProps
參考鏈接：?
antd使用：在一個Modal中使用同個form表單實現編輯和新增功能_modal 配合 可編輯表格-CSDN博客
?
三、Modal.confirm —— content
1、使用說明：
createVNode(‘參數1’， ’參數2‘，’參數3‘)
參數1：type，就是html標簽
參數2：props， 屬性
參數3: 渲染的內容，如果要嵌套的話就是一個 [ ]
2、代碼示例
Modal.confirm({title: () => `刪除班級`,icon: () => createVNode(ExclamationCircleOutlined),okText: "確定",cancelText: "取消",closable: true,centered: true,content: () =>createVNode("div", { style: "color:rgba(0,0,0,0.40)" }, [`該班級下綁定有`,createVNode("span",{ style: "color: #4070FF" },` ${parm.stuNumber} `),`名學生、`,createVNode("span", { style: "color: #4070FF" }, ` ${teaNum} `),`位任課老師，刪除后關聯關系將一并刪除，無法恢復，確認刪除？`,]),onOk() {delClass(parm.id);},onCancel() {},
});
)
