手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

uniapp 中第一次使用app弹出用户使用须知

时间:2024-10-11 19:57:55

1、现在有很多APP都增加了一个用户使用须知的功能。在用户第一次使用APP的时候弹出,点击同意就继续使用,不同意就直接退出APP。

uniapp 中第一次使用app弹出用户使用须知

2、这其实是一个用户须知弹出层,使用popup就可以简单使用。但是,由于用户须知是直接放在上面的,需要在popup中添加一个scroll-view,用于区域滚动。

uniapp 中第一次使用app弹出用户使用须知

3、在使用可滚动视图区域的时候,一定要记得给这个区域添加高度,

uniapp 中第一次使用app弹出用户使用须知

4、基本的组件完成之后,就是写方法了。首先,定义一个判断是否同意的方法,因为该方法是页面加载的时候就需要执行,因此需要在生命周期函数,onload中调用。该方法用于从本地缓存中异步获取指定 key 的内容,如果有指定关键字,则不弹出弹窗,没有则弹出。用于监听用户是否第一次打开APP。

uniapp 中第一次使用app弹出用户使用须知

5、最后,需要给同意和不同意两个按钮添加点击事件。如果用户点击同意了,就将相应的字段保存到缓存中;不同意则直接退出APP.

uniapp 中第一次使用app弹出用户使用须知
uniapp 中第一次使用app弹出用户使用须知
© 手抄报圈