超级分销 S2B

<!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>超级分销 S2B</title> <meta name="renderer" content="webkit" /> <meta http-equiv="X-UA-Compatible" content="IE=8" /> <link rel="stylesheet" href="/static_s2b/s2b/css/s2b.css?v=190319"> <style> .main {position: relative;padding: 0 30px;} .bg-trn-container {min-width: 1200px;height: 100%;background-color: #f8c96a; background: -moz-linear-gradient(-45deg, #f8c96a 0%, #ff6c50 100%); background: -webkit-linear-gradient(-45deg, #f8c96a 0%, #ff6c50 100%); background: linear-gradient(135deg, #f8c96a 0%, #ff6c50 100%); background-repeat-x: unset;} .login-warp {position: relative;width: 1140px;height: 600px; position: absolute;top: 0;left: 0;right: 0;bottom: 0; margin: auto;padding: 80px 0 30px;} .banner-text {position: absolute;top: 340px;left: 0;font-size: 20px;} .banner-text .btn {padding: 10px 35px;opacity: .85;} .form-box {position: absolute;top: 80px;right: 0;width: 400px;padding: 35px;background: #fff; border-radius: 6px;box-shadow: 0 0 0 8px rgba(255, 255, 255, .25);} .form-box .title {margin: 0 0 30px;text-align: center;font-size: 24px;font-weight: bold;color: #666;} .form-item {display: flex;height: 40px;margin-bottom: 20px;padding: 0 15px;line-height: 40px;font-size: 14px; border: 1px solid #d7d7d7;border-radius: 4px;} .form-item.focus, .form-item.error {border-color: #fc6464;} .form-item label {float: left;display: block;width: 55px;color: #999;} .form-item input {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;min-width: 6em;height: 38px;font-size: 14px; color: #666;border: 0;outline: none;} .verify_img {width: 100px;padding: 5px;cursor: pointer;} .error-warp {height: 1em;color: #fc6464;} .error-msg{display: inline-block;vertical-align: middle;} .form-btn-warp{padding: 35px 0 20px;} .form-tips {color: #f88b21;} .plain-alert.layui-layer-dialog {border: none;} .plain-alert .layui-layer-setwin {top: auto;right: 50%;bottom: -40px;margin-left: -5px;} .plain-alert .layui-layer-setwin a {background: none;border-radius: 50%;border: 2px solid #fff;} .plain-alert .layui-layer-setwin a:before, .plain-alert .layui-layer-setwin a:after {content:''; position: absolute;top: 50%;width: 70%;height: 2px; margin: -1px 15% 0;background: #fff;} .plain-alert .layui-layer-setwin a:before {transform: rotate(45deg);} .plain-alert .layui-layer-setwin a:after {transform: rotate(-45deg);} .plain-alert .layui-layer-content {text-align: center;} .plain-alert h3 {font-size: 16px;font-weight: bold;} .plain-alert ul {padding: 35px 35px 10px;} .plain-alert li+li {margin-top: 20px;min-width: 230px;} .plain-alert .btn {padding: 2px 15px;} </style> </head> <body>  <header class="menu_nav"> <div class="menu_nav_con"> <ul id="nav"> <li><a href="/">首页</a></li> <li><a href="http://www.cncn.net/">更多欣欣服务</a></li> <li><a href="http://www.cncn.com/corp/about1.html?is_net=1">关于我们</a></li> </ul> <div class="logo"> <a href="/"><img src="/static_s2b/s2b/images/s2b/logo.jpg" alt="超级分销"></a> </div> </div> </header>  <div class="bg-trn-container"> <div class="main"> <div class="login-warp"> <img src="/static_s2b/s2b/images/login_bg.png?202002141"> <div class="banner-text"> <a href="/reg" class="btn">免费试用</a> </div>  <div class="form-box"> <h1 class="title">欢迎来到超级分销</h1> <form action="" method="post" id="pc_login"> <div class="form-item"> <label>账号</label> <input type="text" name="username" id="username" value="" autocomplete="off" /> </div> <div class="form-item"> <label>密码</label> <input type="password" name="password" id="password" value="" autocomplete="off" /> <a href="/password_reset" target="_blank" class="form-tips">忘记密码</a> </div> <div class="form-item"> <label>验证码</label> <input type="text" name="verify" id="verify" value="" autocomplete="off" /> <img id="J_verifyimg" class="verify_img" alt="点击换一张" title="点击换一张" src="/login/verify" /> </div> <div class="error-warp"> <p><i class="icon icon-alert"></i> <span class="error-msg" id="js-error-msg"></span></p> </div> <div class="form-btn-warp"> <a href="javascript:;" id="js-submit" class="btn block">立即登录</a> </div> </form> </div>  </div> </div> </div> <footer>©Copyright 超级分销版权所有</footer> <script src="/static_s2b/s2b/js/jquery1.10.2.js"></script> <script src="/static_s2b/s2b/js/layer/layer_v2.0.js"></script> <script src="/static/js/cncn/modal.js"></script> <script> var _hmt = _hmt || []; (function () { var hm = document.createElement("script"); hm.src = "//hm.baidu.com/hm.js?4a2e1aa53bc0a6a2b55df09881ab68f6"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script> var loginAction = function () { var $input = $('.form-item input'), $error = $('#js-error-msg'); var $usernameInput = $('[name=username]'), $passwordInput = $('[name=password]'), $verifyInput = $('[name=verify]'); $error.parent().hide(); // 表单效果 $input.focus(function () { $(this).closest('.form-item').addClass('focus'); }); $input.blur(function () { $(this).closest('.form-item').removeClass('focus'); }); $input.keyup(function () { var $this = $(this); if ($this.val()) { if ($this.closest('.form-item').hasClass('error')) { $this.closest('.form-item').removeClass('error').addClass('focus'); $error.parent().hide(); } } }); // 验证码 $('#J_verifyimg').click(function () { this.src = '/login/verify/' + Math.random(); }); // 提交 $verifyInput.keydown(function (e) { if (e.keyCode == 13) { $('#js-submit').click(); } }); $('#js-submit').click(function () { if ($usernameInput.val().length === 0) { $usernameInput.focus().closest('.form-item').removeClass('focus').addClass('error'); $error.text('请输入账号').parent().show(); return; } if ($passwordInput.val().length === 0) { $passwordInput.focus().closest('.form-item').removeClass('focus').addClass('error'); $error.text('请输入密码').parent().show(); return; } if ($verifyInput.val().length === 0) { $error.text('请输入验证码').parent().show(); return; } function getUrl(data){ return '/login/autoLogin/' + data.biz_id + '/' + data.uid + '/' + data.time + '/' + data.token; } $.ajax({ url: 'login/doLogin', type: 'post', dataType: 'json', data : $("#pc_login").serialize(), success : function (res) { if (res.res == 1) { if (res.msg.total_num > 1) { var list = res.msg.list, html = []; for(var key in list){ html.push('<li><a class="block btn btn-reverse" href="' + getUrl(list[key]) + '">' + list[key].site_name + '</a></li>'); } html = '<h3>请选择您要登录的站点</h3><ul>' + html.join('') + '</ul>'; layer.open({ skin: 'plain-alert', title: '', closeBtn: '2', btn: [], content: html }); } else { window.location.href = getUrl(res.msg.list); } } else { res.msg && alert_fail(res.msg); $('#J_verifyimg').attr('src', '/login/verify/' + Math.random()); } } }); }); }; (function () { loginAction(); // 设置页面高度 var win = document.compatMode == 'BackCompat' ? document.body : document.documentElement; var h = win.clientHeight - $('header')[0].clientHeight - $('footer')[0].clientHeight - 2 $('.main').css({ 'min-height': h < 650 ? 650 : h, }); // 自动获取焦点 document.getElementById('username').focus(); })(); </script> </body> </html>

CINXE.COM

超级分销 S2B