新增第三方微信登录以及登陆后的绑定

app/css/app.css

@@ -180,16 +180,12 @@ div.textareaboxEmp:focus{content:none;}
/*****表单公共样式********/
/*input输入相关*/
button:disabled,input.frmtype[type='button']:disabled{ opacity: 1;}
.frmbox{ width: 100%; margin:2% auto; border-radius: 6px; }
.frmtype{ width: 100%; margin: auto;line-height: 30px;padding: 1% 2%;font-size: 14px;line-height:20px;vertical-align: middle;}
.frmbtn{margin:4% auto;font-size: 14px;line-height: 24px;padding: 1% 2%;border:1px solid #FF9900; border-radius: 6px; color:#FF9900 ;vertical-align: middle;}
/*.frmbtn:hover{border:1px solid #FF9900; color:#FFFFFF;background-color:#FF9900;}*/
.frmbox{ border:none; width: 90%;height: 100%; } 
/*未激活按钮状态*/
.frmactive2{color:#f0f0f0;background-color:#d6d6d6; border:1px solid #d6d6d6;}
.frmactive2.mui-btn.mui-active:active,.frmactive2.mui-btn:enabled:active{color:#f0f0f0;background-color:#d6d8de; border:1px solid #d6d8de;}
.mui-btn:disabled, button:disabled,input.frmtype[type='button']:disabled{opacity:1;color:#f0f0f0;background-color:#d6d6d6; border:1px solid #d6d6d6;}
.frmactive{color:#fff;background-color:#FF9900; border:1px solid #FF9900;}
.frmactiveok{color:#fff;background-color:#FF9900; border:1px solid #FF9900;}
.exitbox{ text-align: center;margin-top:40px;}
@@ -199,11 +195,6 @@ button:disabled,input.frmtype[type='button']:disabled{ opacity: 1;}
/*///////////////common公共样式///////////////////////*/
/***********************登录注册相关页面*******************/
/*关闭*/
.closebtn{ position: relative;border:1px transparent solid;}
/*.closeicon{background: url(../images/workclose.png) center center no-repeat; background-size: 100% 100%;  width: 30px; height: 30px; position: absolute;right:5%; top:20px;}*/
.closeicon{font-size: 50px; color:#999999; position: absolute;right:1%; top:14px;}
.frmbox .frm-input{/*height:60px;*/width:100%;height: 0;height: 100%;padding: 2% 0;}
.frmbox .frm-input .frmtype{ height: 0; height: 100%;}
.frmbox .frm-input .frmtypel{ height: 0;height: 100%; width: 90%;}
@@ -218,24 +209,7 @@ button:disabled,input.frmtype[type='button']:disabled{ opacity: 1;}
.forgeticon{ background: url(../images/forget.png) center center no-repeat; background-size: 100% 100%;padding:2%; position: absolute; margin-top:-2%;}
.passwordbox .frmtypel~.mui-icon-clear{right:4%; top:50%; margin-top: -2%;}
/*第三方快捷登录*/
.quickbox{ width: 100%; margin-top:80px;text-align: center;}
/*.borderline{ border:1px dashed #999999; width: 86%; margin:auto; position: relative;}
.borderline div{ position: absolute; left:50%; width: 40%; height:4px; margin-left:-20% ; top:-2px; background:#DDDDDD ;}*/
.borderword{ font-size: 16px; color:#999999;}
.quickway{margin: 1% auto; overflow: hidden;}
.quickicon{margin: 2% 3%; padding: 1%;}
.quickicon img{width:28px; height: 28px; }
.weixinicon{ color: #86C610;}
.weiboicon{color:#F29600; font-size: 36px;}
.qqicon{color:#0093DD;}
/*用户协议*/
.protocolbox{overflow: hidden;color: #999999; line-height: 20px; margin: 0 0 20px 0;}
.protocolbox .mui-icon{ font-size:14px; line-height: 24px;}
.protocolbox label{position: relative; font-size: 13px; }
/*.agreeicon{width:20px; height:20px;}*/
.agreecheck{font-size:30px; line-height: 30px; color: #FF9900 ;}
.protocollink{ color: #FF9900;}
/*设置密码*/
.setfindbox{ margin: 20% auto;}
@@ -968,13 +942,31 @@ footer.chatFooter .mui-icon-paperplane {font-size: 16px;word-break: keep-all;lin
/*****************************2017.04新版登录表单样式************************/
.frmboxNew{margin:12px;border-radius: 6px;overflow: hidden;}
.frmboxNew .frmbtn{margin:0;font-size: 14px;line-height: 24px;vertical-align: middle;}
.frmboxNew .frmbtn{margin:0;font-size: 14px;line-height:40px;padding:0;height:40px;vertical-align: middle;}
.frmboxNew .frm-input .frmtype{height:48px;}
.mui-input-group.frmboxNew .mui-input-row{height:48px;}
.mui-input-group.frmboxNew .mui-input-row:after{left: 0;}
.mui-content-padded.frmboxNew{margin-top:18px;}
.frmboxNew .frmbtn{height:40px;} 
.otherWordNew{overflow:hidden;padding:8px 4px;line-height: 21px; font-size: 13px;color: #666;}
.frmboxNew .getCode{background: #ff9900;color:#FFFFFF;}
.frmboxNew .mui-row.mui-input-row:after{display: block;}
/*第三方快捷登录*/
.quickbox{ width: 100%;position:fixed;bottom:10px;text-align: center;}
.quicktit{position: relative;min-height: 36px;}
.quicktit:after{position: absolute;content:"";left:15px;right:15px;top:10px;height: 1px;background: #E5E5E5;}
.quicktit .borderword{position:absolute;left:50%;margin-left:-60px;z-index:4;padding:0 20px;font-size: 14px; color:#999999;background: #F4f6f8;}
.quickway{padding:0;margin: 0;overflow: hidden;}
.quickway li{list-style: none;}
.quickway li img{width: 42px;height: 42px;margin:10px 10px 6px;}
/*用户协议*/
.protocolbox{overflow: hidden;color: #999999; line-height: 20px; margin: 0 0 20px 0;}
.protocolbox .mui-icon{ font-size:14px; line-height: 24px;}
.protocolbox label{position: relative; font-size: 13px; }
/*.agreecheck{font-size:30px; line-height: 30px; color: #FF9900 ;}*/
.protocollink{ color: #FF9900;}
.protocolbox .icon-yuanxingxuanzhongfill{color:#ff9900;font-size:16px;}
/*微信绑定手机或账户*/
.bindtip{padding:6% 20% 4%;}

app/html/backBindOn.html

@@ -0,0 +1,38 @@
<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>微信绑定-已有账号</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link href="../css/iconfont.css" rel="stylesheet" />
		<link href="../css/app.css" rel="stylesheet" />
	</head>
	<body>
		<header class="mui-bar mui-bar-nav toptitbox">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
		    <h1 class="mui-title toptit">绑定手机</h1>
		</header>
		<div class="mui-content">
			<div class="bindtip"><img src="../images/login_bg_tishi_2_nor@3x.png" width="100%" /></div>
		    <form class="mui-input-group frmboxNew">
		    	<div class="mui-input-row frm-input">
		            <input type="text" class="mui-input-clear frmtype" placeholder="请输入账号">
		        </div>
				<div class="mui-input-row frm-input">
					<input type="password" class="frmtype" placeholder="请输入密码">
				</div>
		    </form>
		    
		    <div class="mui-content-padded frmboxNew">
				<button class="mui-btn mui-btn-block frmbtn frmactive" disabled>绑&nbsp;定</button>
			</div>
			
		</div>
		<script src="../js/public/mui.min.js"></script>
		<script src="../js/public/base.js"></script>
	</body>
</html>

app/html/backBindUn.html

@@ -0,0 +1,58 @@
<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>微信绑定-无账号</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link href="../css/iconfont.css" rel="stylesheet" />
		<link href="../css/app.css" rel="stylesheet" />
	</head>
	<body>
		<header class="mui-bar mui-bar-nav toptitbox">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
		    <h1 class="mui-title toptit">绑定手机</h1>
		</header>
		<div class="mui-content">
			<div class="bindtip"><img src="../images/login_bg_tishi_1_nor@3x.png" width="100%" /></div>
		    <form class="mui-input-group frmboxNew">
		    	<div class="mui-input-row frm-input">
		            <input type="text" class="mui-input-clear frmtype" value="此处回填微信名">
		        </div>
		        <div class="mui-input-row frm-input">
		            <input type="tel" class="mui-input-clear frmtype" placeholder="请输入手机号码">
		        </div>
		        <div class="mui-row mui-input-row frm-input">
		        	<div class="mui-col-xs-8">
		        		<input type="password" class="frmtype" placeholder="请输入验证码">
		        	</div>
					<div class="mui-col-xs-4">
						<input type="button" class="frmtype getCode" disabled value="获取验证码">
					</div>
				</div>
				<div class="mui-input-row frm-input">
					<input id='password' type="password" class="frmtype" placeholder="请设置登录密码">
				</div>
		    </form>
		    
		    <div class="mui-content-padded frmboxNew" style="margin-top: -4px">
		    	<div class="protocolbox">
			    	<label checked="true"> 
			    		<span class="mui-icon iconfont icon-yuanxingxuanzhongfill"></span>	
	                    <input type="checkbox" name="checkbox" checked="true" style="display:none;">我已阅读并同意<a class="protocollink" id="protocollink">科袖用户协议</a>
	               </label>
		    	</div>
				<button class="mui-btn mui-btn-block frmbtn frmactive" disabled>绑&nbsp;定</button>
				<p class="otherWordNew">
					<span class="mui-pull-right">已有账号?</span>
				</p>
			</div>
			
		</div>
		<script src="../js/public/mui.min.js"></script>
		<script src="../js/public/base.js"></script>
	</body>
</html>

app/html/loginNew.html

@@ -18,7 +18,7 @@
		<div class="mui-content">
		    <form class="mui-input-group frmboxNew">
		        <div class="mui-input-row frm-input">
		            <input type="text" class="mui-input-clear frmtype" placeholder="请输入账号" id="username">
		            <input type="text" class="mui-input-clear frmtype" placeholder="请输入手机或邮箱" id="username">
		        </div>
		        <div class="mui-input-row frm-input">
					<input id='password' type="password" class="frmtype" placeholder="请输入密码">
@@ -26,19 +26,18 @@
		    </form>
		    
		    <div class="mui-content-padded frmboxNew">
				<button id='login' class="mui-btn mui-btn-block frmbtn frmactive2">登&nbsp;录</button>
				<button id='login' class="mui-btn mui-btn-block frmbtn frmactive" disabled>登&nbsp;录</button>
				<p class="otherWordNew">
					<span class="mui-pull-left">短信登录</span>
					<span id='forgetPassword' class="mui-pull-right">忘记密码?</span>
				</p>
			</div>
			
			<!--第三方登录-->
			<div class="quickbox">
				<span class="borderword">直接登录</span>
				<div class="quickway">
					<span class="mui-icon mui-icon-weixin quickicon weixinicon" id="weixin"></span>
					<span class="mui-icon mui-icon-qq quickicon qqicon"></span>	
				</div>
				<div class="quicktit"><span class="borderword">其他登录方式</span></div>
				<ul class="quickway">
					<li id="weixin"><img src="../images/me_icon_weixin_nor@3x.png" /><p>微信</p></li>
				</ul>
			</div>
		</div>
		<script src="../js/public/mui.min.js"></script>

app/html/loginTelNew.html

@@ -18,7 +18,7 @@
		<div class="mui-content">
		    <form class="mui-input-group frmboxNew">
		        <div class="mui-input-row frm-input">
		            <input type="tel" class="mui-input-clear frmtype" placeholder="请输入手机号">
		            <input type="tel" class="mui-input-clear frmtype" placeholder="请输入手机号码">
		        </div>
		        <div class="mui-input-row mui-row frm-input">
		        	<div class="mui-col-xs-8">
@@ -31,13 +31,19 @@
		    </form>
		    
		    <div class="mui-content-padded frmboxNew">
				<button id='login' class="mui-btn mui-btn-block frmbtn frmactive2">登&nbsp;录</button>
				<button id='login' class="mui-btn mui-btn-block frmbtn frmactive" disabled>登&nbsp;录</button>
				<p class="otherWordNew">
					<span class="mui-pull-left">帐号登录</span>
					<span id='forgetPassword' class="mui-pull-right">忘记密码?</span>
				</p>
			</div>
			
			<!--第三方登录-->
			<div class="quickbox">
				<div class="quicktit"><span class="borderword">其他登录方式</span></div>
				<ul class="quickway">
					<li id="weixin"><img src="../images/me_icon_weixin_nor@3x.png" /><p>微信</p></li>
				</ul>
			</div>
		</div>
		<script src="../js/public/mui.min.js"></script>
		<script src="../js/public/base.js"></script>