之前做小程序开发时,遇到要实现过长文本进行的折叠的效果(类型微信朋友圈的效果)。主要交互有三点:
让文本过长时折叠、并显示一个「全文」的点击文本
当用户点击「全文」则会展开被折叠的文本,并切换该按钮为「收起」
对不过长的文本则正常显示
本质上,要实现这个效果得解决两个问题:
判断文本是否过长
文本过长时,页面样式如何折叠
如何判断文本是否过长?
所谓「文本过长」,就是文本占据屏幕的高度太大。之所以要判断这个,是为了能告知逻辑层控制「全文」按钮的展示与切换。如果没这个交互,完全可忽略这个问题。
最