108 lines
4.0 KiB
HTML
108 lines
4.0 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">登入</li>
|
|
<li><a href="{:url('login/reg')}">注册</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">用户</label>
|
|
<div class="layui-input-inline">
|
|
<input type="text" id="L_name" name="name" required lay-verify="required" autocomplete="off" class="layui-input" placeholder="邮箱/用户名">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label for="L_pass" class="layui-form-label">密码</label>
|
|
<div class="layui-input-inline">
|
|
<input type="password" id="L_pass" name="password" required lay-verify="required" autocomplete="off" class="layui-input" placeholder="密码">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label for="L_vercode" class="layui-form-label">验证码</label>
|
|
<div class="layui-input-inline">
|
|
<input type="text" id="L_vercode" name="captcha" required lay-verify="required" placeholder="请输入验证码" 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">
|
|
<button type="submit" name="submit" class="layui-btn" lay-filter="user" lay-submit id="login">立即登录</button>
|
|
<span style="padding-left:20px;">
|
|
<a href="{:url('login/forget')}">忘记密码？</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 == 1) {
|
|
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 ? 168*$user.id : -1}
|
|
,avatar: '{if condition="$user['user_img'] neq ''"}{$user['user_img']}{else /}/static/res/images/avatar/00.jpg{/if}'
|
|
,experience: 83
|
|
,sex: '{if condition="$user['sex'] eq 0"}男{else/}女{/if}'
|
|
};
|
|
layui.config({
|
|
version: "3.0.0"
|
|
,base: '/static/res/mods/'
|
|
}).extend({
|
|
fly: 'index'
|
|
}).use('fly');
|
|
</script>
|
|
{/block} |