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弹出用户使用须知
  • 荣耀70参数配置处理器?
  • 锤子手机怎么查看用电排行?
  • win10系统如何粉碎文件,win10文件粉碎的方法
  • bilibili字幕怎么打开
  • 炉石传说模块术怎么打
  • 热门搜索
    未来世界手抄报 关于家乡的手抄报 年月日手抄报 端午手抄报内容 国庆手抄报简单 足球手抄报图片 肺炎手抄报 我爱阅读手抄报图片 推广普通话手抄报简单 文明礼仪手抄报资料