mui 启动页和引导页

一、启动页和引导页的概念

“启动页”（splash）：app的启动界面，每次启动都会看到的（每次打开QQ都会看到一只企鹅）。
“引导页”（guide）：guide是否展示是可控的，通常首次启动时显示，从第二次启动开始，引导页就不再显示，而是直接进入App主界面了。

二、启动页的设置

1. 在manifest.json文件中

在manifest.json文件的“启动图片（splash）配置”里设置，可以设置“延时关闭启动界面”或者“手动关闭启动界面”，实际开发中，通常需要设置手动关闭splash（HBuilder7.1版本后，启动界面不调用此方法超过6秒后会自动关闭）。

2. 在main.html文件中

手动关闭启动页的代码

plus.navigator.closeSplashscreen();

二、引导页的设置

1.在index.html中：

按照Hello mui启动页的逻辑，首次启动展示引导页，之后启动不再展示。那么就意味着，我们需要一个标识来确定，App是否已经启动过。我们可以在本地存储一个key，（如下例launchFlag），来作为已经启动过App的标识。在入口index.html中，就可以读取这个key，来决定是否展示引导页。

index.html：

2. 在guide.html中：

我们需要放置我们想要展示的内容，利用mui的slider组件，来制作一套引导信息。
如果使用图片的话，建议大家按照iPhone6 Plus的尺寸制作（其实就是往大了做），然后利用5+提供的方法计算屏幕正确的宽高，设置图片的宽高来撑满屏幕。

在最后一个引导界面提供一个App主界面入口，也就是“开始体验”这种按钮。（点击“开始体验”的同时，设置表示App已经启动过的标识。）

    
        
        
        
        
        
    

    
        

            

                

                    

                        
                            
                        
                    
                    

                        
                            
                        
                    
                    

                        
                            
                        
                    
                    

                        
                            
                            开始体验
                        
                    
                
            
        
        
        
    

注意：关于及

：

”javascript: 是一个伪协议。它可以让我们通过一个链接来调用javascript函数。但是由于这个函数为空，所以我们调用的就是一个空函数，并不会发生任何实质性的改变。同时可以实现a标签的点击运行。

：

href="#"是指联接到当前页面，其实是无意义的，页面也不会刷新。这是一个锚链接。

如果当页面里面的内容很多的时候，有了上下滚动条，使用href=“#"会发生跳转到页面顶部的问题。而使用href="javascript:;" 就可以避免页面的乱跳！所以，如果我们想要写一个死的a标签，使用会更有利于增加我们的页面的用户友好度！

如果引导页不能流畅切换，可以参见http://www.cnblogs.com/nangong/p/7e3200a9374c993a1e94b3005ee2a71e.html