fixed: 更新样式

This commit is contained in:
LittleBoy 2024-12-24 22:35:10 +08:00
parent 8b219769fc
commit 78afe7893b
2 changed files with 13 additions and 3 deletions

View File

@ -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="删除"

View File

@ -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="取消"