{include file="./app/home/view/mobile/head.html" /}
<div class="body gray-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="user-info">
    <form action="{:url('user/set/index')}" method="post">
        <div class="user-info-head">
            <img src="{:imgUrl($userInfo['avatar'])}" id="avatarSrc" alt="{$userInfo.username}">
            <span>上传头像<input type="file" name="file" id="avatar"></span>
            <input type="hidden" id="avatarPath" name="avatar" value="{$userInfo.avatar}">
        </div>
        <div class="user-item">
            <span>*昵称：</span>
            <input type="text" placeholder="输入昵称" id="L_username" name="username" lay-verify="required" autocomplete="off" value="{$userInfo.username}">
        </div>
        <div class="user-item sex">
            <span>*性别：</span>
            <input type="radio" name="sex" id="sex1" value="1" {if condition="$userInfo['sex'] eq 1"}checked{/if}>
            <label for="sex1">男</label>
            <input type="radio" name="sex" id="sex2" value="2" {if condition="$userInfo['sex'] eq 2"}checked{/if}>
            <label for="sex2">女</label>
            <input type="radio" name="sex" id="sex3" value="0" {if condition="$userInfo['sex'] eq 0"}checked{/if}>
            <label for="sex3">保密</label>
        </div>
        <div class="user-item">
            <span>生日：</span>
            <input type="date" id="L_birthday" name="birthday" autocomplete="off" value="{$userInfo.birthday}">
        </div>
        <div class="user-item">
            <span>邮箱：</span>
            <input type="text" placeholder="输入邮箱" id="L_email" autocomplete="off" name="email" lay-verify="email" value="{$userInfo.email}">
        </div>
        <div class="user-item">
            <span>*真实姓名：</span>
            <input type="text" placeholder="输入真实姓名" name="qq" autocomplete="off" align="qq" value="{$userInfo.qq}">
        </div>
        <div class="user-info-btn"><button type="submit">确认保存</button></div>
    </form>
</div>
    <script>
        layui.use(['upload','laydate'], function(){
            var upload = layui.upload, laydate = layui.laydate;
            //执行实例
            upload.render({
                elem: '#avatar' //绑定元素
                ,url: "{:url('upFiles/upload')}" //上传接口
                ,done: function(res){
                    //上传完毕回调
                    if (res.code == 1){
                        $("#avatarSrc").attr("src","/public/" + res.url);
                        $("#avatarPath").val(res.url);
                    } else {
                        alert(res.info);
                    }
                }
                ,error: function(){
                    //请求异常回调
                }
            });

            //执行一个laydate实例
            /*laydate.render({
                elem: '#L_birthday' //指定元素
            });*/
        });
    </script>
{include file="./app/home/view/mobile/foot.html" /}