gesture login

display-server/src/main/webapp/biz/js/more/opensource/GesturePassword.js

	    lineColor:"#9f9f9f",   //用户划出线条的颜色
	    zindex :100  //整个组件的css z-index属性
	});
	
	jQuery("#gesturepwd").bind("hasPasswd",function(e,passwd){
		console.log(passwd)
		
		if(passwd != "1235789"){
          	Mobile.tip("手势锁密码错误，解锁手势为：Z ");
          	//显示一下错误的手势线（红色的，只显示一秒）
          	jQuery("#gesturepwd").trigger("passwdWrong");
          	return;
          	Mobile.tip("手势锁密码错误，解锁手势为：Z ");
      	} else {
      		Mobile.tip("解锁成功~~~~");
      		//显示一下正确的手势线（绿色的，只显示一秒）
      		jQuery("#gesturepwd").trigger("passwdRight");
      		return;
      		
      		setTimeout(function() {
      			$("#mainContent").hide();
      	    	$("#resultContent").show();
      		}, 1000)
      	}
		
		
	});
	
	//取消鼠标移动拖动页面事件
	$("#gesturepwd").bind("touchmove",(function(){
	    window.event.preventDefault();
	}));
});

display-server/src/main/webapp/template/webapp/more/opensource/GesturePassword.html

</div>
<div class="m_content m_content-nofooter" id="content">
	<div class="user-avatar"><img src="biz/img/temp/female.png" /></div> 
	<div class="c_title">欢迎回来，绘制解锁图案：Z</div>
	<div id="gesturepwd" style="margin:0 auto"></div>
	<div class="e_space"></div>
	<div id="mainContent">
		<div class="user-avatar"><img src="biz/img/temp/female.png" /></div> 
		<div class="c_title">欢迎回来，绘制解锁图案：Z</div>
		<div id="gesturepwd" style="margin:0 auto"></div>
		<div class="e_space"></div>
	</div>
	
	<div id="resultContent" style="display: none;">
		<img src="biz/img/scene/login_success.png"/><br><br>
		<span>解锁成功</span>
	</div>
</div>
</body>
<script type="text/javascript">

display-server/src/main/webapp/template/webapp/more/opensource/WriteName.html

		<div class="e_space"></div>
	</div>
	
	<div  id="resultContent" style="display: none;">
	<div id="resultContent" style="display: none;">
		<div class="c_title">绿色行动，公益签名</div>
		<div class="result-content">
			<img src="" width="100" id="writeNameImg"/>