111 lines
4.2 KiB
HTML
111 lines
4.2 KiB
HTML
{extend name="public/base" /}
|
||
|
||
{block name="title"}用户登录{/block}
|
||
{block name="column"}{/block}
|
||
{block name="content"}
|
||
<div class="layui-container fly-marginTop">
|
||
<div class="fly-panel fly-panel-user" pad20>
|
||
<div class="layui-tab layui-tab-brief" lay-filter="user">
|
||
<ul class="layui-tab-title">
|
||
<li class="layui-this">{:lang('login')}</li>
|
||
<li><a href="{:url('login/reg')}">{:lang('sign up')}</a></li>
|
||
</ul>
|
||
<div class="layui-form layui-tab-content" id="LAY_ucm" style="padding: 20px 0;">
|
||
<div class="layui-tab-item layui-show">
|
||
<div class="layui-form layui-form-pane">
|
||
<form method="post" >
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{:lang('username')}</label>
|
||
<div class="layui-input-inline">
|
||
<input type="text" id="L_name" name="name" required lay-verify="required" autocomplete="off" class="layui-input" placeholder="{:lang('mail/username')}">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label for="L_pass" class="layui-form-label">{:lang('password')}</label>
|
||
<div class="layui-input-inline">
|
||
<input type="password" id="L_pass" name="password" required lay-verify="required" autocomplete="off" class="layui-input" placeholder="{:lang('please input the password')}">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label for="L_vercode" class="layui-form-label">{:lang('captcha')}</label>
|
||
<div class="layui-input-inline">
|
||
<input type="text" id="L_vercode" name="captcha" required lay-verify="required" placeholder="{:lang('please input the captcha')}" autocomplete="off" class="layui-input">
|
||
</div>
|
||
<div >
|
||
<img src="{:captcha_src()}" onclick="this.src='{:captcha_src()}?'+Math.random();" style="float:left; cursor:pointer;" id="captcha" alt="captcha" />
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<input type="checkbox" name="remember" title="{:lang('remember password')}" lay-skin="primary" lay-filter="remember" value="1">
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<button type="submit" name="submit" class="layui-btn" lay-filter="user" lay-submit id="login">{:lang('login now')}</button>
|
||
<span style="padding-left:20px;">
|
||
<a href="{:url('login/forget')}">{:lang('forget password')}？</a>
|
||
</span>
|
||
</div>
|
||
<!--div class="layui-form-item fly-form-app">
|
||
<span>或者使用社交账号登入</span>
|
||
<a href="" onclick="layer.msg('正在通过QQ登入', {icon:16, shade: 0.1, time:0})" class="iconfont icon-qq" title="QQ登入"></a>
|
||
<a href="" onclick="layer.msg('正在通过微博登入', {icon:16, shade: 0.1, time:0})" class="iconfont icon-weibo" title="微博登入"></a>
|
||
</div-->
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
{/block}
|
||
|
||
{block name="script"}
|
||
<script>
|
||
$(function() {
|
||
$('#login').click(function() {
|
||
|
||
$.ajax({
|
||
type:"post",
|
||
url:"{:url('login/index')}",
|
||
data:$('form').serialize(),
|
||
daType:"json",
|
||
success:function (data){
|
||
if (data.code == 0) {
|
||
layer.msg(data.msg,{
|
||
icon:6,
|
||
time:2000
|
||
}, function(){
|
||
location.href = data.url;
|
||
});
|
||
} else {
|
||
layer.open({
|
||
tiele:'登陆失败',
|
||
content:data.msg,
|
||
icon:5,
|
||
anim:6
|
||
});
|
||
layui.jquery('#captcha').attr('src', '{:captcha_src()}?'+Math.random());
|
||
}
|
||
}
|
||
});
|
||
return false;
|
||
});
|
||
});
|
||
</script>
|
||
|
||
<script>
|
||
layui.cache.page = 'user';
|
||
layui.cache.user = {
|
||
username: '{$user.name??'游客'}'
|
||
,uid: '{$user.id ?? -1}'
|
||
,avatar: '{$user['user_img'] ?? '/static/res/images/avatar/00.jpg'}'
|
||
,experience: '{$user.point ?? ''}'
|
||
,sex: '{$user.sex ? '女':'男'}'
|
||
};
|
||
layui.config({
|
||
version: "3.0.0"
|
||
,base: '/static/res/mods/'
|
||
}).extend({
|
||
fly: 'index'
|
||
}).use('fly');
|
||
</script>
|
||
{/block} |