Zverse/ai-digital-live
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixed confirm modal style

Browse Source
This commit is contained in:
LittleBoy 2024-12-24 19:52:50 +08:00
parent ff6e66d752
commit e4de0d6bd2
4 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/assets/core.scss
View File

@ -226,6 +226,7 @@
.root-modal-confirm{ .root-modal-confirm{
z-index: calc(var(--header-z-index) + 1) !important; z-index: calc(var(--header-z-index) + 1) !important;
background: rgba(0, 0, 0, 0.05); background: rgba(0, 0, 0, 0.05);
//anticon anticon-exclamation-circle
.ant-modal-confirm-title{ .ant-modal-confirm-title{
font-size: 20px; font-size: 20px;
margin-top: -2px; margin-top: -2px;
@ -233,6 +234,9 @@
.ant-modal-confirm-content{ .ant-modal-confirm-content{
margin-top: 10px; margin-top: 10px;
margin-left: -30px; margin-left: -30px;
}
.icon-warning{
} }
.ant-modal-confirm-btns{ .ant-modal-confirm-btns{
@apply mt-8; @apply mt-8;

1
src/components/button-batch.tsx
View File

@ -51,6 +51,7 @@ export default function ButtonBatch(
wrapClassName:'root-modal-confirm', wrapClassName:'root-modal-confirm',
title: title || '操作提示', title: title || '操作提示',
centered: true, centered: true,
icon: <span className="anticon anticon-exclamation-circle"><IconWarningCircle/></span>,
content: confirmMessage, content: confirmMessage,
onOk: onBatchProcess onOk: onBatchProcess
}) })

5
src/pages/news/components/button-delete-batch.tsx
View File

@ -1,7 +1,7 @@
import {App} from "antd"; import {App} from "antd";
import {showToast} from "@/components/message.ts"; import {showToast} from "@/components/message.ts";
import {useState} from "react"; import React, {useState} from "react";
import {IconDelete} from "@/components/icons"; import {IconDelete, IconWarningCircle} from "@/components/icons";
import {deleteByIds} from "@/service/api/article.ts"; import {deleteByIds} from "@/service/api/article.ts";
export default function ButtonDeleteBatch(props: { ids: Id[];onSuccess?: () => void; }) { export default function ButtonDeleteBatch(props: { ids: Id[];onSuccess?: () => void; }) {
@ -26,6 +26,7 @@ export default function ButtonDeleteBatch(props: { ids: Id[];onSuccess?: () => v
} }
modal.confirm({ modal.confirm({
wrapClassName:'root-modal-confirm', wrapClassName:'root-modal-confirm',
icon: <span className="anticon anticon-exclamation-circle"><IconWarningCircle/></span>,
title: `你确定要删除选择的 ${props.ids.length} 条新闻吗？`, title: `你确定要删除选择的 ${props.ids.length} 条新闻吗？`,
content: '删除后需从新闻素材中重新选择', content: '删除后需从新闻素材中重新选择',
onOk: handlePush, onOk: handlePush,

4
src/pages/video/components/button-push2room.tsx
View File

@ -2,7 +2,7 @@ import {Button, Modal} from "antd";
import React, {useState} from "react"; import React, {useState} from "react";
import {showErrorToast, showToast} from "@/components/message.ts"; import {showErrorToast, showToast} from "@/components/message.ts";
import {push2room, VideoStatus} from "@/service/api/video.ts"; import {push2room, VideoStatus} from "@/service/api/video.ts";
import {IconArrowRight} from "@/components/icons"; import {IconArrowRight, IconWarningCircle} from "@/components/icons";
export default function ButtonPush2Room(props: { ids: Id[]; list: VideoInfo[];onSuccess?:()=>void; }) { export default function ButtonPush2Room(props: { ids: Id[]; list: VideoInfo[];onSuccess?:()=>void; }) {
@ -29,7 +29,9 @@ export default function ButtonPush2Room(props: { ids: Id[]; list: VideoInfo[];on
return return
} }
Modal.confirm({ Modal.confirm({
wrapClassName:'root-modal-confirm',
title: '操作提示', title: '操作提示',
icon: <span className="anticon anticon-exclamation-circle"><IconWarningCircle/></span>,
content: '是否确定一键推流选中新闻视频？？', content: '是否确定一键推流选中新闻视频？？',
onOk: handlePush onOk: handlePush
}) })