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

微信小程序文本展开、收起功能,第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. 方法1:

第一步,打开手机并在桌面找到微信图标,进入登陆页面后,输入账号密码,点击登陆并进入主页后,向下滑动手机屏幕。

2. 第二步,滑动即可显示小程序页面。

3. 方法2:

第一步,打开手机中的微信应用,进入主页后,点击右下角的我选项

4. 第二步,点击个人页面下方的设置选项。

5.第三步,进入设置页面后,在下方找到通用选项,点击打开。

6. 第四步,切换至通用页面后,点击下方的发现页管理选项。

7. 第五步,进入发现页管理页面后,点击下方小程序右侧的开关,将其打开。

8. 第六步,回到微信并打开发现页面,在其中就可以看到小程序选项,点击进入。

9. 第七步,点击即可跳转至小程序列表页面,该选项即为小程序的固定入口。

微信小程序在哪里打开骤如下:

电脑微信更新到最新版本后也可以打开小程序了,详细 *** 作步骤可以按照以下经验 *** 作:打开微信,点击右下“发现”,在底部的最后为小程序入口,如果没有小程序入口,可在上部“搜一搜”输入小程序名称,如每日做到,然后选择该小程序,再添加,这样就会出现小程序入口。

登录微信账号。在电脑上找到微信后,双击打开微信,选择登录微信账号。打开小程序菜单。登录电脑端微信后,在面板左侧找到S图标,点击打开小程序。进入小程序。这样就进入了小程序菜单,点击需要进入的小程序,就可以进入了。


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存