uniapp 自定义启动图

页面效果1、下载资源文件gitee地址,引入项目目录中。2、App.vue页面js配置onLaunch: function() {plus.navigator.closeSplashscreen();console.log('App Launch');// app启动时打开启动广告页var w = plus.webview.open('hybrid/html/advertise/advertise

Frontend-Lsj

9993人浏览 · 2020-07-27 19:15:35

Frontend-Lsj · 2020-07-27 19:15:35 发布

页面效果
在这里插入图片描述

1、下载资源文件gitee地址,引入项目目录中。
在这里插入图片描述
2、App.vue页面js配置

onLaunch: function() {
	plus.navigator.closeSplashscreen();
		console.log('App Launch');
		
		// app启动时打开启动广告页
		var w = plus.webview.open('hybrid/html/advertise/advertise.html','本地地址',
		{ top: 0, bottom: 0, zindex: 999 },'fade-in',5);
		
		//设置定时器，4s后关闭启动广告页
		setTimeout(function() {
			plus.webview.close(w);
		}, 4000);
},

3、每次启动随机更换图片，js写在html页面

//页面加载之前
document.addEventListener("DOMContentLoaded", function() {
		let abc = random(1, 5);
		console.log(abc)
		document.getElementById("img").src = "../imgs/start-" + abc + ".jpg";
	}, false);

function random(min, max) {
	return Math.floor(Math.random() * (max - min)) + min;
}