微信小程序文本展开、收起功能

微信小程序文本展开、收起功能,第1张

1、文本超过n行显示省略号

2、省略时,显示 展开/收起 按钮

3、文本不超过n行时,不显示省略号和展开/收起按钮

文本是否显示省略号,通过css可以实现;

判断是否显示展开/收起按钮;

通过SelectorQuery选择器,获取text及其父元素的高度,判断text高度是否超过其父元素高度,决定是否显示展开/收起按钮即可;

wx.createSelectorQuery() :返回一个 SelectorQuery 对象实例。

SelectorQuery.exec(function callback) :执行所有的请求。请求结果按请求次序构成数组,在callback的第一个参数中返回。

NodesRef.boundingClientRect(function callback) :添加节点的布局位置的查询请求。相对于显示区域,以像素为单位。

js

wxss

1、手机打开微信,输入要接龙的信息,一定要带有接龙两个字,然后点击回车键。

2、输入数字1,键盘右上角就会出现一个接龙表格,点击进入。

3、进入接龙表格页面后,输入一个例子,然后输入第一个接龙,点击发送。

4、别人看到接龙后,点击参与接龙。

5、就可以点击添加信息,然后发送即可。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/8117149.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-13
下一篇 2023-04-13

发表评论

登录后才能评论

评论列表(0条)

保存