Login de membro-Centro de membros

<!DOCTYPE html> <html> <head> <title>Login de membro-Centro de membros - Wedoany</title> <meta name="Generator" content="秦皇岛百图网络科技有限公司--专注高端网站建设-https://www.bytul.com " /> <meta charset="utf-8" /> <link rel="shortcut icon" href="" /> <link rel="bookmark" href="" /> <meta name="title" content="Login de membro-Centro de membros - Wedoany" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <meta http-equiv="X-UA-Compatible" content="IE=Edge，chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">   <link rel="stylesheet" href="https://www.wedoany.com/statics/images/easytpl/libs/layui/css/layui.css"/> <link rel="stylesheet" href="https://www.wedoany.com/statics/images/easytpl/module/admin.css?v=318"> <link rel="stylesheet" href="https://www.wedoany.com/statics/images/pro/css/reset.css"> <link rel="stylesheet" href="https://www.wedoany.com/statics/images/pro/css/css.css"> <link rel="stylesheet" href="https://www.wedoany.com/statics/images/pro/css/acompany.css"> <link rel="stylesheet" href="https://www.wedoany.com/statics/images/pro/css/acompany_pt.css?v=1732383339"> <link rel="stylesheet" href="https://www.wedoany.com/statics/images/pro/css/keyframes.css"> <link rel="stylesheet" href="https://www.wedoany.com/statics/images/pro/css/iconfont.css"> <link rel="stylesheet" href="https://www.wedoany.com/statics/images/pro/css/css_pt.css?v=1732383339"> </head> <body class="layui-layout-body theme-white"><style> body { background-image: url("https://www.wedoany.com/statics/images/easytpl/images/bg-login.jpg")!important; background-repeat: no-repeat; background-size: cover; min-height: 100vh; } .login-wrapper { max-width: 420px; padding: 20px; /*margin: 0 auto;*/ position: relative; box-sizing: border-box; z-index: 2; } .login-wrapper > .layui-form { padding: 25px 30px; background-color: #fff; box-shadow: 0 3px 6px -1px rgba(0, 0, 0, 0.19); box-sizing: border-box; border-radius: 4px; } .login-wrapper > .layui-form > h2 { color: #333; font-size: 18px; text-align: center; margin-bottom: 25px; } .login-wrapper > .layui-form > .layui-form-item { margin-bottom: 25px; position: relative; } .login-wrapper > .layui-form > .layui-form-item:last-child { margin-bottom: 0; } .login-wrapper > .layui-form > .layui-form-item > .layui-input { height: 46px; line-height: 46px; border-radius: 2px !important; } .login-wrapper .layui-input-icon-group > .layui-input { padding-left: 46px; } .login-wrapper .layui-input-icon-group > .layui-icon { width: 46px; height: 46px; line-height: 46px; font-size: 20px; color: #909399; position: absolute; left: 0; top: 0; text-align: center; } .login-wrapper > .layui-form > .layui-form-item.login-captcha-group { padding-right: 135px; } .login-wrapper > .layui-form > .layui-form-item.login-captcha-group > .login-captcha, .login-wrapper > .layui-form > .layui-form-item.login-captcha-group > button { height: 46px; width: 120px; cursor: pointer; box-sizing: border-box; border: 1px solid #e6e6e6!important; border-radius: 2px !important; position: absolute; right: 0; top: 0; background-color: #fff!important; } .login-wrapper > .layui-form > .layui-form-item > .layui-form-checkbox { margin: 0 !important; padding-left: 25px; } .login-wrapper > .layui-form > .layui-form-item > .layui-form-checkbox > .layui-icon { width: 15px !important; height: 15px !important; } .login-wrapper > .layui-form .layui-btn-fluid { height: 48px; line-height: 48px; font-size: 16px; border-radius: 2px !important; } .login-wrapper > .layui-form > .layui-form-item.login-oauth-group > a > .layui-icon { font-size: 26px; } .login-copyright { color: #eee; padding-bottom: 20px; text-align: center; position: relative; z-index: 1; } /*@media screen and (min-height: 550px) { .login-wrapper { margin: -250px auto 0; position: absolute; top: 50%; left: 0; right: 0; width: 100%; } .login-copyright { position: absolute; bottom: 0; right: 0; left: 0; } }*/ .layui-btn { background-color: var(--color-red)!important; border-color: var(--color-red)!important; font-size: 14px!important; } .layui-link { color: #939393!important; } .bt-login{ margin: 0 auto; width: 100%; display: flex; align-items: center; justify-content: center; height: 100vh; } .login-banner{ height: 350px; width: 600px; margin-right: 80px; } .login-banner-li{ background-size: cover; background-position: center; background-repeat: no-repeat; } .login-banner-li a{ display: block; width: 100%; height: 100%; } .layui-carousel{ background: none!important; } .layui-carousel > [carousel-item] > *{ background-color: #f8f8f88c;!important; } .amember-login-tab{ display: flex; align-items: center; margin-bottom: 25px; } .amember-login-tab a{ display: flex; align-items: center; justify-content: center; font-size: 16px; flex: 1; line-height: 1.2 } .amember-login-tab a span{ border-bottom: 2px #fff solid; } .amember-login-tab a.sel span{ border-bottom: 2px var(--color-red) solid; } .loginByMobile{ display: none; } </style> <div class="user-login-header"> <div class="wapper"> <div class="logo"> <a href="https://www.wedoany.com/pt/"> <img src="https://www.wedoany.com/logo.png"> </a> <span>Centro de membros</span> </div> <div class="tips"> <a href="https://www.wedoany.com/pt/">Início</a> </div> </div> </div> <div class="bt-login"> <div class="login-banner pc"> <div class="layui-carousel" id="login-banner"> <div carousel-item> <div class="login-banner-li" style="background-image: url(https://www.wedoany.com/vip/Login.png);"> <a href="" target="_blank" title=""></a> </div> </div> </div> </div> <div class="login-wrapper layui-anim layui-anim-scale layui-hide"> <form class="layui-form"> <h2>Login de membro</h2> <div class="layui-form-item layui-input-icon-group"> <i class="layui-icon layui-icon-username"></i> <input class="layui-input" name="username" placeholder="Por favor defina o login da conta" autocomplete="off" lay-verType="tips" lay-verify="required" required/> </div> <div class="layui-form-item layui-input-icon-group"> <i class="layui-icon layui-icon-password"></i> <input class="layui-input" name="password" placeholder="Por favor digite sua senha" type="password" lay-verType="tips" lay-verify="required" required/> </div> <div class="layui-form-item layui-input-icon-group login-captcha-group"> <i class="layui-icon layui-icon-auz"></i> <input class="layui-input" name="code" placeholder="Por favor digite o código de verificação" autocomplete="off" lay-verType="tips" lay-verify="required" required/> <img id='code_img' class='login-captcha' onclick='this.src=this.src+"&"+Math.random()' src='https://www.wedoany.com/api.php?op=checkcode&code_len=&font_size=&width=&height=&font_color=&background='> </div> <div class="layui-form-item"> <input type="hidden" name="forward" value=""> <button class="layui-btn layui-btn-fluid" lay-filter="loginSubmit" id="dologin" lay-submit>Login</button> </div> <div class="layui-form-item login-oauth-group text-center">  </div> <div class="layui-form-item login-oauth-group"> <a href="https://www.wedoany.com/pt/pro/amember/register.html" class="layui-link pull-right" style="margin-top:8px; color:#939393!important;">Membro inscrito</a> <a href="https://www.wedoany.com/pt/pro/amember/forget.html" class="layui-link pull-right" style="margin-top:8px; color: var(--color-red)!important;">Esquece sua senha? </a> </div> </form> </div> </div> <script type="text/javascript">var APP_PATH = "https://www.wedoany.com/";</script> <script type="text/javascript">var APP_PATH_LANG = "https://www.wedoany.com/pt/";</script> <script src="https://www.wedoany.com/statics/images/pro/js/jquery.min.js"></script> <script src="https://www.wedoany.com/statics/images/pro/js/lazyload.min.js"></script>  <script src="https://www.wedoany.com/statics/images/easytpl/libs/layui/layui.js"></script> <script src="https://www.wedoany.com/statics/images/easytpl/js/common.js?v=318"></script> <script src="https://www.wedoany.com/statics/images/pro/js/member_js.js"></script> <script type="text/javascript" src="https://www.wedoany.com/statics/js/NIM/vue2.js"></script> <script src='https://www.wedoany.com/statics/js/socket.io.js'></script> </body> </html> <script> var wordLeg; layui.use(['layer','admin','notice','form','util'], function () { var $ = layui.jquery; var layer = layui.layer; var admin = layui.admin; var notice = layui.notice; var form = layui.form; var util = layui.util; //退出登录 util.event('lay-active', { logout: function(othis){ admin.confirm("Tem certeza de que quer sair?",{ title:"Aviso", btn: ["Confirmar", "Cancelar"] },function(){ admin.closeDialog('.layui-layer-btn0'); notice.msg("Em processamento", {icon: 4, close: false}); $.post("https://www.wedoany.com/pt/pro/amember/logout.html",{},function(res){ notice.destroy(); if( res.code == 200 ){ window.location.reload(); }else{ notice.msg(res.msg, {icon: 2}); } },'json'); }); }, changeLang:function(othis){ var _this = $(othis); var lang = _this.attr('data-lang'); $.post("https://www.wedoany.com/pt/pro/api/changeLang.html",{lang:lang},function(res){ if(res.code == 200){ window.location.href = "https://www.wedoany.com/pt/pro/amember/index.html"; }else{ notice.msg(res.msg,{icon:3}); } },'json'); } }); form.verify({ required: function(value, item){ if(value == ''){ return("Este campo deve ser preenchido! "); } }, email:function(value, item){ var re = /^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/ if(!re.test(value)){ return("O formato do e-mail está errado"); } }, equalToX:function(value,item){ var name = $(item).attr('lay-equalto'); var to_value = $("input"+name).val(); if( value != to_value ){ return "As duas entradas de senha não são inconsistentes"; } }, pass: [ /^[a-zA-Z0-9!@#$%^&*]{6,}$/,"Tamanho mínimo da senha" ], username: function(value, item){ //value：表单的值、item：表单的DOM对象 if(/\W/.test(value)){ return "Os logins só podem usar números, letras ou underlines"; } if(/(^\_)|(\__)|(\_+$)/.test(value)){ return "O login não pode ter underline no início e no final."; } if( value.length < 6 || value.length > 20 ){ return "O comprimento do login deve estar entre - caracteres"; } }, checkbox: function(value, item){ //value：表单的值、item：表单的DOM对象 if(!$(item).is(':checked')){ return $(item).attr('tipstext'); } } }); wordLeg = function(obj) { var currleg = $("#"+obj.id).val().length; var length = $("#"+obj.id).attr('maxlength'); if (currleg > length) { layer.msg("O número de palavras deve ser " + length + "dentro de palavra",{time:1000}); } else { $('.'+'a'+obj.id).text(currleg); } } // 登录im 暂时不启用 var from_user = {"name":null,"userid":null,"usertype":"member","usertype_name":"\u4f1a\u5458","username":"member_","mobile":null,"func":"watch"}; var unread = 0; var app = new Vue({ el: '#app', data:{ from_user:from_user, webSocket:'', unread:unread }, created:function(){ this.init(this.from_user.username); }, methods:{ init:function(username){ var _this = this; _this.wsInit(); }, wsInit:function(){ var _this = this; _this.webSocket = new WebSocket("wss://im.wedoany.com:2888"); _this.webSocket.onopen = _this.wsOnopen; _this.webSocket.onerror = _this.wsOnerror; _this.webSocket.onclose = _this.wsOnclose; _this.webSocket.onmessage = _this.wsOnmessage; }, wsOnopen:function(e){ var _this = this; // 登录 var login_data = { type:'login', data:_this.from_user }; _this.webSocket.send( JSON.stringify(login_data) ); // 心跳 _this.wsPing(); }, wsOnerror:function(e){ }, wsOnclose:function(e){ }, wsOnmessage:function(e){ var _this = this; var msg = JSON.parse(e.data); if( msg.type == 'pong' ){ // 有新的会话进入 }else if( msg.type == 'now_session' ){ this.playSound(); }else if( msg.type == 'new_msg' ){ this.getUnread(); this.playSound(); }else if( msg.type == 'comein' ){ this.playSound(); } }, wsPing(){ var _this = this; var pp_data = { type:'ping' }; _this.webSocket.send( JSON.stringify(pp_data) ); setTimeout(function(){ _this.wsPing( JSON.stringify(pp_data) ); },10000); }, getUnread:function(){ var _this = this; $.post("https://www.wedoany.com/pt/pro/amember/getUnread.html",{},function(res){ _this.unread = res.data; },'json'); }, playSound:function (){ var src = APP_PATH_LANG + 'statics/images/easytpl/module/notice/4.wav'; if (!!window.ActiveXObject || "ActiveXObject" in window) { // IE var embed = document.noticePlay; if (embed) { embed.remove(); } embed = document.createElement('embed'); embed.setAttribute('name', 'noticePlay'); embed.setAttribute('src', src); embed.setAttribute('autostart', true); embed.setAttribute('loop', false); embed.setAttribute('hidden', true); document.body.appendChild(embed); embed = document.noticePlay; embed.volume = 100; } else { // 非IE var audio = document.createElement('audio'); audio.setAttribute('hidden', true); audio.setAttribute('src', src); document.body.appendChild(audio); audio.addEventListener('ended', function () { audio.parentNode.removeChild(audio); }, false); audio.play(); } }, openIM:function(url){ this.unread = 0; window.open(url); } } }) }); </script> <script> layui.use(['layer','notice','form','carousel','util'], function () { var $ = layui.jquery; var layer = layui.layer; var notice = layui.notice; var form = layui.form; var util = layui.util; var carousel = layui.carousel; util.event('lay-active', { changLoginFunc: function(othis){ var _this = $(othis); var dom = _this.attr('data-type'); $('.loginForm').hide(); $('.'+dom).show(); $('.login-captcha').attr('src',"https://www.wedoany.com/"+"api.php?op=checkcode&"+Math.random()); } }); //建造实例 carousel.render({ elem: '#login-banner',width: '100%',height:'100%',arrow: 'none',anim:'fade' }); $('.login-wrapper').removeClass('layui-hide'); var time = 60; var smscode_can = 1; function smscode_time(){ setTimeout(function(){ time--; if( time <= 0 ){ smscode_can = 1; $('.getsmscode').removeClass('layui-btn-disabled').html("Obter o código de verificação"); }else{ $('.getsmscode').addClass('layui-btn-disabled').html(time+"Obter em segundos"); smscode_time(); } },1000); } $('.getsmscode').click(function(){ var _form = $(this).parents('form'); if(smscode_can == 1){ smscode_can = 0; var mobile = $('input[name=mobile]').val(); var code = _form.find('input[name=code]').val(); if( !mobile || !code ){ notice.msg("Por favor preencha o formulário e envie-o",{icon:2}); smscode_can = 1; return; } notice.msg("Em processamento",{icon:4}); //验证图片验证码获取短信验证码 $.post("https://www.wedoany.com/pt/pro/api/ck_code_sms.html",{code:code,mobile:mobile,submit:'reg_login_by_mobile_ajax'},function(res){ notice.destroy(); if( res.code == 200 ){ notice.msg(res.msg,{icon:1}); //短信获取倒计时 smscode_time(); }else{ $('.login-captcha').attr('src',"https://www.wedoany.com/"+"api.php?op=checkcode&"+Math.random()); smscode_can = 1; notice.msg(res.msg,{icon:2}); } },'json'); } }); /* 表单提交 */ form.on('submit(loginSubmit)', function (obj) { obj.field['dosubmit'] = 1; notice.msg("Em processamento", {icon: 4, close: false}); //admin.btnLoading('#dologin'); $.post("https://www.wedoany.com/pt/pro/amember/login.html", obj.field, function (res) { notice.destroy(); //admin.btnLoading('#dologin', false); if (res.code === 200) { notice.msg("Login com sucesso.",{icon:1}); setTimeout(function(){ location.replace(res.data); },1500) } else { notice.msg(res.msg,{icon:3}); $('.login-captcha').attr('src',"https://www.wedoany.com/"+"api.php?op=checkcode&"+Math.random()); } }, 'json'); return false; }); /* 表单提交 */ form.on('submit(loginSubmitMobile)', function (obj) { obj.field['dosubmit'] = 1; notice.msg("Em processamento", {icon: 4, close: false}); //admin.btnLoading('#dologin'); $.post("https://www.wedoany.com/pt/pro/amember/loginByMobile.html", obj.field, function (res) { notice.destroy(); //admin.btnLoading('#dologin', false); if (res.code === 200) { notice.msg("Login com sucesso.",{icon:1}); setTimeout(function(){ location.replace(res.data); },1500) } else { notice.msg(res.msg,{icon:3}); } }, 'json'); return false; }); }); </script>

CINXE.COM

Login de membro-Centro de membros - Wedoany