小程序 - 实现第一次进入引导页

weixin_33946020

于 2018-05-27 14:20:00 发布

阅读量5.5k

点赞数 1

文章标签： ui

这篇博客介绍了如何在小程序中实现首次进入时显示引导页。内容包括在app.json中添加引导页面、使用swiper创建引导效果，以及在app.js的onLaunch中通过本地缓存判断是否为第一次启动，以此决定进入欢迎页还是引导页。提供了简单的实现步骤和打包下载选项。

首先，我们分两步走

1. 引导页实现

2. 如何后续不再进入引导页

引导页实现

第一步app.json 添加一个新页面（也就是引导页面）

 1 {
 2   "pages":[
 3     "pages/index/guide",
 4     "pages/welcome/welcome"
 5     
 6   ],
 7   "window":{
 8     "backgroundTextStyle":"light",
 9     "navigationBarBackgroundColor": "#b3d4db",
10     "navigationBarTitleText": "欢迎",
11     "navigationBarTextStyle":"black"
12   }
13 }