fixed: 更新样式
This commit is contained in:
parent
8b219769fc
commit
78afe7893b
@ -2,7 +2,7 @@ import React from "react";
|
|||||||
import clsx from "clsx";
|
import clsx from "clsx";
|
||||||
import {Divider, Popconfirm} from "antd";
|
import {Divider, Popconfirm} from "antd";
|
||||||
|
|
||||||
import {IconAdd, IconAddCircle, IconDelete} from "@/components/icons";
|
import {IconAdd, IconAddCircle, IconDelete, IconWarningCircle} from "@/components/icons";
|
||||||
import ImageList from "@/components/article/list.tsx";
|
import ImageList from "@/components/article/list.tsx";
|
||||||
|
|
||||||
import { BlockText} from "./item.tsx";
|
import { BlockText} from "./item.tsx";
|
||||||
@ -79,6 +79,10 @@ export default function ArticleBlock(
|
|||||||
{editable && <div className="ml-2 flex items-center">
|
{editable && <div className="ml-2 flex items-center">
|
||||||
{
|
{
|
||||||
index > 0 ? <Popconfirm
|
index > 0 ? <Popconfirm
|
||||||
|
rootClassName={'popconfirm-main'}
|
||||||
|
placement={'left'}
|
||||||
|
arrow={false}
|
||||||
|
icon={<IconWarningCircle/>}
|
||||||
title={<div style={{minWidth: 150}}><span>请确认删除此分组?</span></div>}
|
title={<div style={{minWidth: 150}}><span>请确认删除此分组?</span></div>}
|
||||||
onConfirm={onRemove}
|
onConfirm={onRemove}
|
||||||
okText="删除"
|
okText="删除"
|
||||||
|
@ -6,7 +6,7 @@ import {clsx} from "clsx";
|
|||||||
import styles from './article.module.scss'
|
import styles from './article.module.scss'
|
||||||
import {getOssPolicy} from "@/service/api/common.ts";
|
import {getOssPolicy} from "@/service/api/common.ts";
|
||||||
import {showToast} from "@/components/message.ts";
|
import {showToast} from "@/components/message.ts";
|
||||||
import {IconAddImage} from "@/components/icons";
|
import {IconAddImage, IconWarningCircle} from "@/components/icons";
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
children?: React.ReactNode;
|
children?: React.ReactNode;
|
||||||
@ -77,6 +77,8 @@ export function BlockImage({data, editable, onChange, onlyUpload, onRemove}: Ima
|
|||||||
<img src={data.content}/>
|
<img src={data.content}/>
|
||||||
<div className={styles.uploadTips}>
|
<div className={styles.uploadTips}>
|
||||||
{!onlyUpload && <Popconfirm
|
{!onlyUpload && <Popconfirm
|
||||||
|
rootClassName={'popconfirm-main'}
|
||||||
|
placement={'right'}
|
||||||
title={<div style={{minWidth: 150}}><span>请确认删除此删除此图片?</span></div>}
|
title={<div style={{minWidth: 150}}><span>请确认删除此删除此图片?</span></div>}
|
||||||
onConfirm={onRemove}
|
onConfirm={onRemove}
|
||||||
okText="删除"
|
okText="删除"
|
||||||
@ -98,7 +100,11 @@ export function BlockImage({data, editable, onChange, onlyUpload, onRemove}: Ima
|
|||||||
<img src={data.content}/>
|
<img src={data.content}/>
|
||||||
<div className={styles.uploadTips}>
|
<div className={styles.uploadTips}>
|
||||||
{!onlyUpload && <Popconfirm
|
{!onlyUpload && <Popconfirm
|
||||||
title={<div style={{minWidth: 150}}><span>请确认删除此删除此图片?</span></div>}
|
rootClassName={'popconfirm-main'}
|
||||||
|
placement={'right'}
|
||||||
|
arrow={false}
|
||||||
|
icon={<IconWarningCircle/>}
|
||||||
|
title={<div style={{minWidth: 150}}><span>请确认删除此图片?</span></div>}
|
||||||
onConfirm={onRemove}
|
onConfirm={onRemove}
|
||||||
okText="删除"
|
okText="删除"
|
||||||
cancelText="取消"
|
cancelText="取消"
|
||||||
|
Loading…
x
Reference in New Issue
Block a user