Home Explore Help
Register Sign In
usoft
/
saas-platform
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: c7cf189f43
Branches Tags
saas-platform
/
frontend
/
manage-web
/
login.html

login.html 14 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291 
  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3. 

  4. 	<head>
    5. 

  5. 		<meta charset="utf-8">
    6. 

  6. 		<title>宜人贷</title>
    7. 

  7. 		<link rel="stylesheet" type="text/css" href="css/main.css" />
    8. 

  8. 		<link rel="stylesheet" type="text/css" href="css/login.css"/>
    9. 

  9. 	</head>
    10. 

  10. 	<body>
    11. 

  11. 		<div id="_umfp" style="display:inline;width:1px;height:1px;overflow:hidden"></div>
    12. 

  12. 		<div class="head marginAuto"><img src="img/lp-logo.png"></div>
    13. 

  13. 		<div id="LoginBox">
    14. 

  14. 						        <div class="row1">
    15. 

  15. 						            <a href="javascript:void(0)" title="关闭窗口" class="close_btn" id="closeBtn">×</a>
    16. 

  16. 						        </div>
    17. 

  17. 						        <div class="row">
    18. 

  18. 						            新密码&nbsp;&nbsp;&nbsp;&nbsp;: <span class="inputBox">
    19. 

  19. 						                <input type="text" id="txtName" placeholder="新密码" />
    20. 

  20. 						            </span><a href="javascript:void(0)" title="提示" class="warning" id="warn">*</a>
    21. 

  21. 						        </div>
    22. 

  22. 						        <div class="row">
    23. 

  23. 						            再次密码: <span class="inputBox">
    24. 

  24. 						                <input type="text" id="txtPwd" placeholder="密码" />
    25. 

  25. 						            </span><a href="javascript:void(0)" title="提示" class="warning" id="warn2">*</a>
    26. 

  26. 						        </div>
    27. 

  27. 						        <div class="row">
    28. 

  28. 						            <a href="#" id="loginbtn">确认</a>
    29. 

  29. 						        </div>
    30. 

  30. 		</div>
    31. 

  31. 		<div class="lp-regiter-background">
    32. 

  32. 			<div id="lp-head-logo">
    33. 

  33. 				<div class="phrase"></div>
    34. 

  34. 			<div class="aui-content-box clearfix">
    35. 

  35. 			<div class="aui-content-box-fl "  id="aaa">
    36. 

  36. 				<div class="aui-form-header">
    37. 

  37. 					<div class="aui-form-header-item on">登录 <span style="margin-left: 50px;"> |</span></div> 
    38. 

  38. 					<div class="aui-form-header-item">注册</div>
    39. 

  39. 				</div>
    40. 

  40. 				<div class="aui-form-content ">
    41. 

  41. 					<div class="aui-form-content-class">
    42. 

  42. 						<div class="" id="phone-pwdd">
    43. 

  43. 				           <form class="bs-example bs-example-form" role="form">
    44. 

  44. 						      <div class="input-group">
    45. 

  45. 							      <span class="input-group-addon"><img src="img/user.png"></span>
    46. 

  46. 							      <input type="text" class="form-control" placeholder="请输入您的手机号"name="phone" id="phone">
    47. 

  47. 						      </div><br>
    48. 

  48. 						      <div class="input-group">
    49. 

  49. 							      <span class="input-group-addon"><img src="img/pwd.png"></span>
    50. 

  50. 							      <input type="text" class="form-control" placeholder="请输入您的密码" name="pwd">
    51. 

  51. 						      </div><br>
    52. 

  52. 						      <div class="aui-form-pwd clearfix">
    53. 

  53. 						      	<input type="checkbox" name="Bike" style="width: 15px;height: 15px;"> <span>记住密码</span>
    54. 

  54. 								<a href="#"style="margin-right:60px ;" class="fr" id="example">忘记密码？</a>
    55. 

  55. 								</div>
    56. 

  56. 								<span>优软云账号可直接登录</span>
    57. 

  57. 					       </form>
    58. 

  58. 					       <div style="margin-top:5px;">
    59. 

  59. 				           <input class="form-control btn btn-info" type="button" id="login-pwd" value="登录" style="width:140px;height:40px;margin-left: 85px;">
    60. 

  60. 				      </div>
    61. 

  61. 	                  </div>
    62. 

  62. 	                  <div style="display: none;" id="phone-yanzhengma">
    63. 

  63. 				           <form class="bs-example bs-example-form" role="form">
    64. 

  64. 						      <div class="input-group">
    65. 

  65. 							      <span class="input-group-addon"><img src="img/user.png"></span>
    66. 

  66. 							      <input type="text" class="form-control" placeholder="请输入您的手机号" id="mobile" name="mobile">
    67. 

  67. 						      </div><br>
    68. 

  68. 						      <div class="input-group">
    69. 

  69. 							      <span class="input-group-addon"><img src="img/pwd.png"></span>
    70. 

  70. 							      <input type="text" class="form-control" name="yanzhengma" placeholder="验证码" style="position:relative;width:180px;height:24px;">
    71. 

  71. 						      		 <input class="fr" type="button" id="getting" value="获取验证码" />
    72. 

  72. 						      </div>
    73. 

  73. 						      <br>
    74. 

  74. 						      <span>优软云账号可直接登录</span>
    75. 

  75. 					       </form>
    76. 

  76. 					       <div style="margin-top:5px;">
    77. 

  77. 				           <input class="form-control btn btn-info" type="button" id="login-mobile" value="登录" style="width:140px;height:40px;margin-left: 85px;">
    78. 

  78. 				      </div>
    79. 

  79. 	                  </div>
    80. 

  80. 				      <div class="clearfix" style="margin-top: 10px;">
    81. 

  81. 					      	<div class="fl">
    82. 

  82. 					      	<span>第三方登录</span>
    83. 

  83. 					       </div>
    84. 

  84. 					      <div class="fr" style="margin-right:70px ;" id="111">
    85. 

  85. 					      	<span >短信登录</span>
    86. 

  86. 					      </div>
    87. 

  87. 					      <div class="fr" style="margin-right:70px ;display: none;"id="222">
    88. 

  88. 					      	<span >密码登录</span>
    89. 

  89. 					      </div>
    90. 

  90. 				      </div>
    91. 

  91. 				      <div class="aui-form-foot clearfix" style="margin-top: 10px;">
    92. 

  92. 					      	 <div class="aui-form-content-item1 fl" id="weixin-login">
    93. 

  93. 						      	<img src="img/wx2.png" style="width: 25px;height: 25px;margin-left: 20px;">
    94. 

  94. 						      </div>
    95. 

  95. 						       <div class="aui-form-content-item1  fr" style="margin-right:90px ;" id="">
    96. 

  96. 						      	<img src="img/qywx.png" id="message" style="width: 25px;height: 25px;">
    97. 

  97. 						      	<img src="img/user.png" style="display: none;" id="user-phone">
    98. 

  98. 						      </div>
    99. 

  99. 				      </div>
    100. 

  100. 

  101. 				</div>
    102. 

  102. 				<!--注册 -->
    103. 

  103. 				<div class="aui-form-content-class aui-form-content-item">
    104. 

  104. 					<div class="">
    105. 

  105. 				           <form class="bs-example bs-example-form" role="form">
    106. 

  106. 						      <div class="input-group">
    107. 

  107. 							      <span class="input-group-addon"><img src="img/te.png"></span>
    108. 

  108. 							      <input type="text" class="form-control" placeholder="请输入您的手机号" name="registerPhone" >
    109. 

  109. 						      </div><br>
    110. 

  110. 						      <div class="input-group">
    111. 

  111. 							      <span class="input-group-addon"><img src="img/pwd.png"></span>
    112. 

  112. 							      <input type="text" class="form-control" placeholder="验证码" style="position:relative;width:180px;height:24px;" name="registerYanzhengma">
    113. 

  113. 						      		 <input class="fr" type="button" id="getting1" value="获取验证码" />
    114. 

  114. 						      </div><br>
    115. 

  115. 						      <div class="input-group">
    116. 

  116. 							      <span class="input-group-addon"><img src="img/pwd.png"></span>
    117. 

  117. 							      <input type="text" class="form-control" placeholder="设置密码" name="Newpassword">
    118. 

  118. 						      </div><br>
    119. 

  119. 						      <div class="aui-form-pwd clearfix"></div>
    120. 

  120. 					       </form>
    121. 

  121. 					       <div style="margin-top:5px;">
    122. 

  122. 				           <input class="form-control btn btn-info" type="button" id="register-phone" value="注册" style="width:140px;height:40px;margin-left: 85px;">
    123. 

  123. 				      </div>
    124. 

  124. 	                  </div>
    125. 

  125. 				</div>
    126. 

  126. 				</div>
    127. 

  127. 			</div>
    128. 

  128. 			<div class="aui-content-box-fl " style="display: none;" id="bbb">
    129. 

  129. 				<div id="callback" class="aui-form-content-item1">返回按钮</div>
    130. 

  130. 				<div>
    131. 

  131. 								<img src="img/QRcode.jpg" class="erwei"/>
    132. 

  132. 							</div>
    133. 

  133. 							<div class="status status_browser js_status" id="wx_default_tip">
    134. 

  134. 				                <p>打开微信扫一扫</p>
    135. 

  135. 	                            <p>登录“SAAS服务”</p>
    136. 

  136. 			            	</div>
    137. 

  137. 			</div>
    138. 

  138. 		</div>
    139. 

  139. 			</div>
    140. 

  140. 		</div>
    141. 

  141. 		<div class="marginAuto process"><img src="img/Group21.png"></div>
    142. 

  142. 		<div class="features">
    143. 

  143. 			<div class="banner banner2"></div>
    144. 

  144. 			<div class="marginAuto slider">
    145. 

  145. 				<div class="slider_phone"></div>
    146. 

  146. 				<div class="slider_images">
    147. 

  147. 					<div class="slider_item"><img src="img/s-gjj.png"></div>
    148. 

  148. 					<div class="slider_item"><img src="img/s-js.png"></div>
    149. 

  149. 					<div class="slider_item"><img src="img/s-sx.png"></div>
    150. 

  150. 					<div class="slider_item"><img src="img/s-gjj.png"></div>
    151. 

  151. 				</div>
    152. 

  152. 				<div class="slider_dots J_slide">
    153. 

  153. 					<ul>
    154. 

  154. 						<li><img src="img/s-gjj-d.png"><img src="img/s-gjj-d-active.png" class="hover"></li>
    155. 

  155. 						<li><img src="img/s-js-d.png"><img src="//landingpage.yirendai.com/150/4/0/images/2/s-js-d-active.png?v=5bc5a34daa0fe" class="hover"></li>
    156. 

  156. 						<li><img src="img/s-gjj-d.png"><img src="img/s-gjj-d-active.png" class="hover"></li>
    157. 

  157. 						<li><img src="img/s-js-d.png"><img src="//landingpage.yirendai.com/150/4/0/images/2/s-sx-d-active.png?v=5bc5a34daa0fe" class="hover"></li>
    158. 

  158. 					</ul>
    159. 

  159. 				</div>
    160. 

  160. 				<div class="slider_tips">
    161. 

  161. 					<div class="slider_tip"><i class="slider_tip_corner"></i><span class="slider_tip_title">公积金模式</span><span class="slider_tip_cont"></span><span class="slider_tip_cont">有公积金用户专享</span><span class="slider_tip_btn">立即借款</span></div>
    162. 

  162. 					<div class="slider_tip"><i class="slider_tip_corner corner1"></i><span class="slider_tip_title">极速模式</span><span class="slider_tip_cont"></span><span class="slider_tip_cont">信用卡用户专享</span><span class="slider_tip_btn">立即借款</span></div>
    163. 

  163. 					<div class="slider_tip"><i class="slider_tip_corner corner2"></i><span class="slider_tip_title">精英模式</span><span class="slider_tip_cont"></span><span class="slider_tip_cont">上班族大额专享</span><span class="slider_tip_btn">立即借款</span></div>
    164. 

  164. 					<div class="slider_tip"><i class="slider_tip_corner corner3"></i><span class="slider_tip_title">寿险模式</span><span class="slider_tip_cont"></span><span class="slider_tip_cont">寿险保单用户专享</span><span class="slider_tip_btn">立即借款</span></div>
    165. 

  165. 				</div>
    166. 

  166. 			</div>
    167. 

  167. 		</div>
    168. 

  168. 		<div class="banner banner3"></div>
    169. 

  169. 		<div class="cal-layout">
    170. 

  170. 			<div class="calculator">
    171. 

  171. 				<div class="lp-left">
    172. 

  172. 					<div class="monthSupply"><span class="supply">每月应还:</span><span id="money"></span><span class="supply yuan">元</span></div>
    173. 

  173. 					<div class="cost">
    174. 

  174. 						<ul><span>金额：</span>
    175. 

  175. 							<li class="price" data-price="20000">2万</li>
    176. 

  176. 							<li class="price" data-price="30000">3万</li>
    177. 

  177. 							<li class="price" data-price="50000">5万</li>
    178. 

  178. 							<li class="price" data-price="80000">8万</li>
    179. 

  179. 							<li class="price" data-price="0">其他</li>
    180. 

  180. 						</ul>
    181. 

  181. 					</div>
    182. 

  182. 					<div class="putCost"><input type="text" id="loanAmount" placeholder="请输入您的借款额度"></div>
    183. 

  183. 					<div class="month">
    184. 

  184. 						<ul><span>借多久：</span>
    185. 

  185. 							<li class="time" data-time="12">12个月</li>
    186. 

  186. 							<li class="time" data-time="18">18个月</li>
    187. 

  187. 							<li class="time" data-time="24">24个月</li>
    188. 

  188. 							<li class="time" data-time="36">36个月</li>
    189. 

  189. 							<li class="time" data-time="48">48个月</li>
    190. 

  190. 						</ul>
    191. 

  191. 					</div>
    192. 

  192. 				</div>
    193. 

  193. 				<div id="calcul">开始计算</div>
    194. 

  194. 			</div>
    195. 

  195. 		</div>
    196. 

  196. 		<div class="banner banner4"></div>
    197. 

  197. 		<div class="company company4"></div>
    198. 

  198. 		<div class="footer">
    199. 

  199. 			<p class="footer_link innerbox">
    200. 

  200. 				<a target="_blank" rel="nofollow" title="" href="">关于我们</a>|
    201. 

  201. 				<a rel="nofollow" title="" href="">帮助中心</a>|
    202. 

  202. 				<a target="_blank" rel="nofollow" href="">联系我们</a>|
    203. 

  203. 				<a title="" target="_blank" href="">宜人贷借款</a>|
    204. 

  204. 				<a title="" rel="nofollow" target="_blank" href="">网站协议</a>|
    205. 

  205. 				<a target="_blank" href="">网站地图</a>|
    206. 

  206. 				<a target="_blank" rel="nofollow" href=""> 意见反馈</a>|
    207. 

  207. 				<a target="_blank" rel="nofollow" href="">友情链接</a>|</p>
    208. 

  208. 			<p class="footer_cont innerbox">
    209. 

  209. 				<a class="footer_link_a" href="" target="_blank"> 京ICP证150277号</a>京ICP证150277号 京ICP备15002532号 CreditEase 2012-2017 恒诚科技发展（北京）有限公司</p>
    210. 

  210. 		</div>
    211. 

  211. 		<div class="popup">
    212. 

  212. 			<div class="popupHead"><span>填写短信验证码</span><img id="close" src="//landingpage.yirendai.com/150/4/0/./images/close.png?v=5bc5a34daa0fe"></div>
    213. 

  213. 			<div class="sms"><span class="smsText">验证码</span><span class="smsPut"><span id="determine"><input type="text" id="emscode" maxlength="6" placeholder="请输入短信验证码"></span></span><span class="smsText" id="resend"></span><span class="smsText" id="sixty"></span></div>
    214. 

  214. 			<div class="prompSms"></div>
    215. 

  215. 			<div id="smsSumbit">确定</div>
    216. 

  216. 		</div>
    217. 

  217. 		<div class="login-popup">
    218. 

  218. 			<div class="login-popupHead"><span>填写短信验证码</span><img id="login-close" src="//landingpage.yirendai.com/150/4/0/./images/close.png?v=5bc5a34daa0fe"></div>
    219. 

  219. 			<div class="login-sms"><span class="login-smsText">验证码</span><span class="login-smsPut"><span id="login-determine"><input type="text" id="login-smsCode" maxlength="6" placeholder="请输入短信验证码"></span></span><span class="login-smsText" id="login-resend"></span><span class="login-smsText" id="login-sixty"></span></div>
    220. 

  220. 			<div class="login-prompSms"></div>
    221. 

  221. 			<div id="login-smsSumbit">确定</div>
    222. 

  222. 		</div>
    223. 

  223. 		<div id="fudong" style="position:fixed;right:0;bottom:20%;display:none;z-index:99999;"><img src="img/top.png" style="cursor:pointer;"></div>
    224. 

  224. 		<div id="suction">
    225. 

  225. 			<div id="sucBottom"><span id="sucText">截至2018年9月30日，累计促成借款总额达:</span><i>1000亿元</i><span id="sucSumbit">测测你能借多少</span></div>
    226. 

  226. 			<a href="javascript:;" class="close"></a>
    227. 

  227. 		</div>
    228. 

  228. 		<script type="text/javascript" src="js/jquery.min.js"></script>
    229. 

  229. 		<script src="js/login.js" type="text/javascript" charset="utf-8"></script>
    230. 

  230. 		<script type="text/javascript">
    231. 

  231. 			/*tab标签切换*/
    232. 

  232. 			$(function(){
    233. 

  233.             function tabs(tabTit,on,tabCon){
    234. 

  234.                 $(tabCon).each(function(){
    235. 

  235.                     $(this).show();
    236. 

  236. 

  237.                 });
    238. 

  238.                 $(tabTit).each(function(){
    239. 

  239.                     $(this).children().eq(0).addClass(on);
    240. 

  240.                 });
    241. 

  241.                 $(tabTit).children().click(function(){
    242. 

  242.                     $(this).addClass(on).siblings().removeClass(on);
    243. 

  243.                     var index = $(tabTit).children().index(this);
    244. 

  244.                     $(tabCon).children().eq(index).show().siblings().hide();
    245. 

  245.                 });
    246. 

  246.             }
    247. 

  247.             tabs(".aui-form-header","on",".aui-form-content");
    248. 

  248.         });
    249. 

  249. 			$(document).scroll(function() {
    250. 

  250. 				if($(document).scrollTop() < 400) {
    251. 

  251. 					$('#fudong').hide();
    252. 

  252. 				} else {
    253. 

  253. 					$('#fudong').show();
    254. 

  254. 				}
    255. 

  255. 			})
    256. 

  256. 			$('#fudong').on('click', function() {
    257. 

  257. 				$('body,html').animate({
    258. 

  258. 					scrollTop: 0
    259. 

  259. 				}, 500);
    260. 

  260. 				$('#mobile').focus();
    261. 

  261. 			});
    262. 

  262. 			$('#sucSumbit').on('click', function() {
    263. 

  263. 				$('body,html').animate({
    264. 

  264. 					scrollTop: 0
    265. 

  265. 				}, 500);
    266. 

  266. 				$('#mobile').focus();
    267. 

  267. 			})
    268. 

  268. 			var slideImages = $('.slider_images').children()
    269. 

  269. 			var slideTips = $('.slider_tips').children()
    270. 

  270. 			var zIndex = 1
    271. 

  271. 			slideImages.eq(0).addClass('active')
    272. 

  272. 			slideTips.eq(0).addClass('active')
    273. 

  273. 			$('.J_slide li').eq(0).addClass('active')
    274. 

  274. 			$('.J_slide li').hover(function() {
    275. 

  275. 				var index = $(this).index()
    276. 

  276. 				$('.J_slide li').removeClass('active')
    277. 

  277. 				$(this).addClass('active')
    278. 

  278. 				var img = slideImages.eq(index)
    279. 

  279. 				img.css({
    280. 

  280. 					'zIndex': ++zIndex
    281. 

  281. 				}).addClass('active')
    282. 

  282. 				slideImages.not(img).removeClass('active')
    283. 

  283. 				slideTips.removeClass('active')
    284. 

  284. 				slideTips.eq(index).addClass('active')
    285. 

  285. 			}, function() {})
    286. 

  286. 			$('#suction a').click(function() {
    287. 

  287. 				$('#suction').hide()
    288. 

  288. 			})
    289. 

  289. 		</script>
    290. 

  290. 	</body>
    291. 

  291. </html>
    292.