apicloud实现APP首次下载安装打开的引导页面

夜空下的微笑

于 2018-02-01 14:44:18 发布

阅读量3.4k

点赞数

分类专栏： apicloud

本文链接：https://blog.csdn.net/weixin_41014370/article/details/79228061

版权

apicloud 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

本文介绍了一个应用程序中引导页的实现方式，分为guide_win.html和guide_frm.html两部分。guide_win.html用于判断是否为首次启动应用，并据此打开不同的页面；guide_frm.html则负责展示引导内容并提供进入主程序的入口。

摘要由CSDN通过智能技术生成

引导页由 guide_win.html 和 guide_frm.html 两部分组成。

第一部分：guide_win.html

apiready = function() { 
	api.parseTapmode(); 
	var showGuide = $api.getStorage('showGuide'); 
	//判断条件 
	if (!showGuide) { 
		openGuide();//首次下载安装操作 
	  } else { 
		openWelcome();//不是首次操作 
	} 
} 
//打开引导页 
function openGuide() { 
	api.openFrame({ 
		name: 'guide_frm', 
		url: './guide_frm.html', 
		bounces: false, 
		rect: { 
			x: 0, 
			y: 0, 
			w: 'auto', 
			h: 'auto' 
			} 
	});
} 
//打开启动页 
function openWelcome() { 
	api.openWin({ 
		name: 'welcomePage_win', 
		url: './welcomePage.html', 
		slidBackEnabled: false 
	}); 
}

第二部分：guide_frm.html

$('#letGo').on('click', function() {
    $api.setStorage('showGuide', '1');//设置值
    api.openWin({
        name: 'welcomePage_win',
        url: './welcomePage.html',
        slidBackEnabled: false
    });
})