这是某小说网站的小程序。我想知道这个文字折叠的效果是如何实现的。就是展开显示全文那个效果。就是他是如何判断什么时候显示展开。判断条件是什么。还有一个就是。他的展开是怎么和溢出隐藏那三个...同行的。 求实现代码。不要网上复制些看不懂的东西。

展开全部
收起
2回答
提交回答
  • 至过去的我

    2044人对此回答表示赞同

    我是未来的你,你现在是不是在年找寻小程序答案。你不要感觉诧异,给你来信原因,就是让你不在后悔。今天去学习如何推广小程序,相信......点击查看更多>
    发布于
  • 亚马逊河游客

    9人对此回答表示赞同

    本质上,要实现这个效果得解决两个问题:

    • 判断文本是否过长的标准

    • 文本过长时样式如何折叠

    • 判断文本是否过长

      所谓文本过长就是文本占据的高度太大,之所以要判断这个,是为了能告知逻辑层控制“全文”按钮的展示与切换。如果没这个交互,完全可忽略这个问题。

      而最直接的文本过长判断标准,是文本行数超过某个值。在浏览器端,可通过DOM获取容器高度和文本的行高,来计算文本显示的行数;但小程序中并没有给js访问文本行

    展开
    9
    0回复
    发布于 5年前

    评论(0)

    收起评论

  • 苯巴比妥

    1人对此回答表示赞同

    首先把那个文字框view设置一个固定的高度(比如3行),overflow属性设为hidden,position属性设为relative。
    “...”和“展开”放在同一个绝对定位(position为absolute)的view内,放在文字框内,定位在右下角,文字大小与文字框一致,这样当这个层显示时,就自然覆盖了文字框右下角,形成“... 展开”的效果。
    然后在js中计算文字简介的字数,再根据文字框的字体宽度计算出总长度,除以文字框的宽度,如果计算结果大于3,就说明溢出了。这时可以通过se
    展开
    1
    0回复
    发布于 5年前

    评论(0)

    收起评论

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
咨询热线

13312967497

扫码添加业务即可随时咨询 还可领取小程序推广攻略

业务咨询: 13312967497
扫码咨询

扫码咨询套餐

回到顶部