{include file="./app/home/view/mobile/head.html" /}
<div class="body bg">
<div class="header">
    <div class="menu">
        <a class="back-btn"></a>
    </div>
    <div class="logo">登录</div>
    <div class="user"><a href="{:url('user/index/index')}"></a></div>
</div>
<div class="register">
    <div class="logo"><img src="__MOBILE__/images/reg_logo.png" alt=""></div>
    <form action="" class="reg-form layui-form" method="post" id="form" onsubmit="return false;">
        <ul>
            <li><input type="text" id="username" name="username" autocomplete="off" required lay-verify="required" placeholder="请输入手机号码登录"></li>
            <li><input type="password" id="L_pass" name="password" required autocomplete="off" lay-verify="required" placeholder="请输入密码"></li>
            <li>
                <input style="width: 3rem" type="text" id="L_vercode" name="vercode" required autocomplete="off" lay-verify="required" placeholder="请输入验证码">
                <img style="width: 2rem;height: 1rem;" style="margin-top: 20px;" src="{:captcha_src()}" alt="captcha" onclick="this.src=this.src+'?'+'id='+Math.random()"/>
            </li>
            <li><input type="submit" id="submit" lay-submit lay-filter="formDemo" value="立即登录"></li>
        </ul>
    </form>
    <div class="login-bot">
        {volist name="plugin" id="vo"}
        <a href="{:url('/user/loginApi/login', array('oauth' => $vo.code))}">{$vo.name}</a>
        {/volist}
        <p><a href="{:url('forget')}">忘记密码？</a></p>
        <p>如果您还没有壹方尚品帐号，请点击<a href="{:url('reg')}" class="reg">此处注册</a></p>
    </div>
</div>
<script>
    layui.use('form', function () {
        var form = layui.form, $ = layui.jquery;
        //监听提交
        form.on('submit(formDemo)', function(data){
            //layer.msg(JSON.stringify(data.field));return false;
            var field = data.field;
            //var form = $("#form").serializeArray();
            $.post("{:url('index')}",field,function(res){
                if(res.code > 0){
                    location.href = "{:url('index/index')}";
                }else{
                    layer.msg(res.msg, {'icon': 2});
                    return false;
                }
            });

        });
    });
</script>
{include file="./app/home/view/mobile/foot.html" /}