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>
|
|||
|
|
) : (
|
|||
|
|
<></>
|
|||
|
|
)}
|
|||
|
|
</>
|
|||
|
|
);
|
|||
|
|
}
|