71 lines
2.7 KiB
TypeScript
71 lines
2.7 KiB
TypeScript
import { MyBetaModalFormProps } from '@/common';
|
||
import { PlayCircleFilled } from '@ant-design/icons';
|
||
import { ProCard } from '@ant-design/pro-components';
|
||
import './style.scss';
|
||
export default function infoPreview(props: MyBetaModalFormProps) {
|
||
return (
|
||
<>
|
||
{props?.item?.type === 'Image' ? (
|
||
<div className="card_info_preview">
|
||
<div className="title">内容预览：朋友圈/图片消息</div>
|
||
<ProCard>
|
||
<div className="preview_header">
|
||
<div className="avatar">员工头像</div>
|
||
<div className="info">
|
||
<div className="name">员工的名字</div>
|
||
<div className="desc">此处显示“发送文案”输入的文案</div>
|
||
</div>
|
||
</div>
|
||
<div className="preview_content">
|
||
<div className="item"></div>
|
||
<div className="item"></div>
|
||
<div className="item"></div>
|
||
<div className="item"></div>
|
||
</div>
|
||
</ProCard>
|
||
</div>
|
||
) : props?.item?.type === 'Video' ? (
|
||
<div className="card_info_preview">
|
||
<div className="title">内容预览：朋友圈/视频消息</div>
|
||
<ProCard>
|
||
<div className="preview_header">
|
||
<div className="avatar">员工头像</div>
|
||
<div className="info">
|
||
<div className="name">员工的名字</div>
|
||
<div className="desc">此处显示“发送文案”输入的文案</div>
|
||
</div>
|
||
</div>
|
||
<div className="preview_content">
|
||
<div className="video_preview">
|
||
<PlayCircleFilled style={{ fontSize: 40 }} />
|
||
</div>
|
||
</div>
|
||
</ProCard>
|
||
</div>
|
||
) : props?.item?.type === 'Link' ||
|
||
props?.item?.type === 'MiniProgram' ? (
|
||
<div className="card_info_preview">
|
||
<div className="title">内容预览：朋友圈/转载链接消息</div>
|
||
<ProCard>
|
||
<div className="preview_header">
|
||
<div className="avatar">员工头像</div>
|
||
<div className="info">
|
||
<div className="name">员工的名字</div>
|
||
<div className="desc">此处显示“发送文案”输入的文案</div>
|
||
</div>
|
||
</div>
|
||
<div className="preview_content cover_image_preview">
|
||
<div className="cover_image">封面图</div>
|
||
<div className="cover_info">
|
||
此处显示“链接标题”输入的文案，文案字数多时可以换行显示
|
||
</div>
|
||
</div>
|
||
</ProCard>
|
||
</div>
|
||
) : (
|
||
<></>
|
||
)}
|
||
</>
|
||
);
|
||
}
|