Open zm8 opened 2 years ago
代码:
function EllipsisDemo() {
const text = `招待会开始时,中央军委委员、国务委员兼国防部长魏凤和致辞。受习近平总书记委托,魏凤和首先代表党中央、国务院、中央军委,向全体人民解放军指战员、武警部队官兵、军队文职人员、民兵预备役人员致以节日祝贺,向在各个时期为人民军队建设作出贡献的离退休老同志、老战士、转业退伍军人、革命伤残军人和烈军属表示亲切慰问,向获得“八一勋章”的同志,向全军英模代表、全国双拥模范代表、全国模范军队转业干部代表致以崇高敬意,向辛勤工作在国防科技工业战线的同志们致以诚挚问候,向长期关心支持国防和军队建设的各级党委和政府、人民团体,向全国各族人民表示衷心感谢,向出席招待会的各国驻华武官及各位来宾表示热烈欢迎。`;
const [ellipsis, setEllipsis] = React.useState(true);
const collapseNode = <span className="demo-link">收起</span>;
return (
<Ellipsis
ellipsis={ellipsis}
text={text}
maxLine={2}
ellipsisNode={
<span>
...<span className="demo-link">展开</span>
</span>
}
collapseNode={collapseNode}
reflowOnResize={true}
onEllipsisNodeClick={() => {
setEllipsis(false);
}}
onCollapseNodeClick={() => {
setEllipsis(true);
}}
/>
);
}
看起来样式没有引入进去哦?
看起来样式没有引入进去哦?
引入了,同一个页面,用手机浏览器看是正常的。
@zm8 同学可以给个复现地址嘛~ codepen也可,我本地没复现~
@zm8 同学可以给个复现地址嘛~ codepen也可,我本地没复现~
我用 codepen 好像也没复现,但是用 create react app 初始化项目的时候 复现了。
Basic Info