wap2app轮播guide.html,wap2app引导页的简单制作

许多开发者在开发wap2app时,都提出了引导页如何制作的问题,其实wap2app的引导页和普通5+app的做法是一样的。

5+app的引导页制作。

具体实现

1.在client_index.html页面添加如下代码:

if(window.plus){

plusReady()

}else{

document.addEventListener('plusready',plusReady,false)

}

function plusReady(){//这里是每次进入应用都会显示引导页,开发中要如何显示引导页视具体的情况而定。

var guide = plus.webview.create('guide/guide.html',"guide");

guide.show();

}

2.在manifest.json->splash配置:启动选项改为手动关闭启动界面;

3.引导页guide.html:这个页面需要做到plusready后关闭splash,在引导结束后关闭引导页,开发时可使用mui的引导页看看效果。

注意:

1.由于采用了手动关闭splash的选项,所以如果进来的时候没有打开guide.html,那么需要在client_index.html里调用5+方法关闭splash;

2.在guide页面的back逻辑默认是wap2app的首页返回逻辑,即双击back退出应用,开发者可根据实际需求自己监听back,重写逻辑。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值