让你的微信小程序也有启动页

最新推荐文章于 2024-07-29 12:03:59 发布

亮子AI

最新推荐文章于 2024-07-29 12:03:59 发布

阅读量1.8w

点赞数 2

分类专栏：微信小程序文章标签：小程序微信小程序开发

本文链接：https://blog.csdn.net/henryhu712/article/details/82379596

版权

微信小程序专栏收录该内容

45 篇文章 6 订阅

订阅专栏

虽然官方文档没有启动页这个说法，还真有人实现了启动页功能。实现的原理是利用 app.json 中的 pages 定义的第一个页面：

这里写图片描述

上图中，launch 这个页面就是小程序启动时显示的第一个页面，把它作为启动页就可以了。

那么怎么在开屏页显示几秒钟之后，跳转到首页或其他页面呢？下面就是 launch.js 代码：

const utils = require('../../utils/utils.js')
Page({
  onLoad () {
    let timer = setTimeout(() => {
      clearTimeout(timer)
      this.direct()
    }, 8000)
  },
  direct () {
    let auth = utils.ifLogined()
    let url = '/pages/feidian/feidian'
    if (auth) {
      url = '/pages/index/index'
    }
    wx.switchTab({
      url,
    })
  },
})