【App开发笔记】2.5 编写登录页面（2）

源码地址

2.5.1 先省略微信授权登录模块(放到后台时候做)，直接做微信授权登录之后的页面

js/common.js
先封装一些apicloud的接口，具体接口文档请参照API对象

function OpenWin(win_name,win_url,win_pageparam) {
    api.openWin({
        name: win_name,
        url: win_url,
        pageParam:win_pageparam,
        vScrollBarEnabled:false,
        hScrollBarEnabled:false,
        animation:{
            type:"push",
            subType:"from_right",
            duration:300
        },
        softInputBarEnabled:false
    });
}
function CloseWin() {
    api.closeWin({
        animation:{
            type:"push",
            subType:"from_left",
            duration:300
        },
    });
}
function CloseToWin(win_name) {
    api.closeToWin({
        name: name,
        animation:{
            type:"push",
            subType:"from_left",
            duration:300
        },
    });
}

html/user/login_body.html
修改之前写的一部分代码

    

        
      
        
微信登录
    

 

2.5.2 去iconfont添加我们所需图标

添加图标

css/style.css

.icon-arrow-left{
    color: #929292
}
.icon-arrow-left:active{
    color: #e8e8e8;
}

html/user/phone_head.html

    
    
    
    
    
    
    



    
        
    
    
帐号安全认证
    

html/user/phone_body.html

    
    
    
    
    
    
    


绑定手机能保证你的帐号安全

    

        
            +86
        
        
    
    

        
        
获取验证码
    
    

        
点击“立即绑定”即表示你同意并愿意遵守糖水
        
用户协议
    
    
        立即绑定
    

html/user/password_head.html

    
    
    
    
    
    
    



    
        
    
    
帐号安全认证
    

html/user/password_body.html

    
    
    
    
    
    
    


设置密码后,你可以通过手机号和密码登录糖水

    

        
    
    
        完成
    

html/user/agreement_head.html

    
    
    
    
    
    
    



     
        
    
    
用户协议
    

html/user/agreement_body.html

    
    
    
    
    


用户协议

2.5.3 同步到手机

phone

password

agreement