Web APP 二

前言

关于MUI框架就不多介绍了,和其它前端框架差不多,具体的可以看官方文档,HBuilder和MUI都是DCloud 即数字天堂(北京)网络技术有限公司退出的产品,同时是国内HTML5产业的领军企业, W3C会员, HTML5中国产业联盟发起单位.

思考

具体教材就不写了,记录一下自己的思路。主要用到的就是MUI框架,iconfont的图标,还有和风天气提供的接口,和找工具提供的接口。

app的人口页面还是 index.html




    
        
        
        app入口页面
        
        
        
        
    

    
        
        
    


入口页面主要就是,判断是否首次启动,对退出应用的判断

假如是不是首次启动就进入引导页面 guidePage.html




    
        
        引导页
        
        
        
        
        
    

    
        
        
        
    


进入了引导页,我们点击手动关闭启动页,同时也向本地存储中设置了launchFlag的值,这样我们的主页面会再次判断是否可以获取launchFlag的值,如果可以,我们就进入main.html,这样的话main.html其实才是我们能够看到的首页。




    
        
        
        主页面
        
        
        
        
    

    
        
        
        
        

我们在main.html设置了头部和下面的导航栏,固定导航的位置和样式,分了4个模块,我们默认是进入home.html页面。同时创建了子页面的webview的方法。

剩下的就很清晰了,我们只需要创建子页面。home.html,weather.html,news.html,about.html。大体的和web页面构思是差不多的,不过我们选用的是MUI框架还是根据官方文档来完善。

待续。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

你可能感兴趣的:(Web APP 二)