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

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;
}

Logo

开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!

更多推荐