首页 文章详情

antd设置多少字符后省略

smile唐 | 27 2023-06-19 01:21 0 0 0
UniSMS (合一短信)

组件:

prefixCount 前缀字符个数

    const EllipsisMiddle = ({ prefixCount, children }) => {
const start = children.slice(0, prefixCount).trim();
const suffix = children.length > prefixCount ? "..." : ""


return (
<Title
style={{
maxWidth: '500px',
fontSize: "14px",
fontWeight: "normal",
marginBottom: "0px",
}}
ellipsis={{
suffix: suffix,
}}
level={5}
>
{start}

</Title>
);
};



组件调用:

    <EllipsisMiddle
prefixCount={15}
>
{item.goods_title}
</EllipsisMiddle>


文档链接:https://4x.ant.design/components/typography-cn/

博客地址:https://www.tangxuansite.com

e379fb1cb74fd40dbe3b84a48becf367.webp


good-icon 0
favorite-icon 0
收藏
回复数量: 0
    暂无评论~~
    Ctrl+Enter