<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta content="telephone=no" name="format-detection">
    <meta name="wap-font-scale" content="no">
    <title></title>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/layer.css">
    <link rel="stylesheet" href="../css/login.css">
    <link rel="stylesheet" href="css/index.css">
</head>

<body style="background: #F0F1F4;">
    <div class="neck-nav">
        <div class="neck-nav-content">
            <a href="pc.html"><img class="logo" src="../images/logo.png" alt=""></a>
            <div class="nav-login-big-box">
                <!-- <div style="display: none;" class=nav-login-btn>登入/註冊</div>
                <div style="display: none;" class="nav-login">
                    <img class="nav-login-face" src="" alt="">
                    <div class="nav-login-more">
                        <div class="nav-login-more-jiao"></div>
                        <div class="nav-login-more-top">
                            <img class="login-more-top-face" src="" alt="">
                            <p class="login-more-top-p1">主播暱稱預留</p>
                            <p class="login-more-top-p2">ID:246524</p>
                        </div>
                        <div class="login-more-content-box">
                            <div data-type="1">用戶中心</div>
                            <div data-type="2">儲值中心</div>
                            <div data-type="3">我的追蹤</div>
                            <div data-type="4">登出</div>
                        </div>
                    </div>
                </div> -->
            </div>
        </div>
    </div>
    <div class="m-box">
        <div style="height: 80px;"></div>
        <div class="myRoom-content">
            <h2 class="myRoom-h2"><div></div> 我的頭像</h2>
            <div class="myRoom-face-box">
                <img class="myRoom-face" src="https://zhibocdn.yabolive.net/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">
                <div class="myRoom-face-exc">編輯</div>
                <p class="myRoom-tips-p">檔案格式 : JPG,PNG(限制10MB以內)</p>
                
            </div>
            <h2 class="myRoom-h2"><div></div> 基本資訊 <span class="myRoom-text-exc">編輯</span></h2>
            <ul style="display:none;" class="myRoom-ul">
                <!-- <li>暱稱: <span>主播暱稱預留</span></li>
                <li>ID: <span>1235512</span></li>
                <li>性別: <span>女</span></li>
                <li>生日: <span>1996-06-13</span></li>
                <li>身高: <span>180cm</span></li>
                <li>體重: <span>100kg</span></li>
                <li>學歷: <span>幼稚園</span></li>
                <li>職業: <span>老司機</span></li>
                <li>簽名: <span>簽名預留簽名預留,簽名預留</span></li> -->
            </ul>
            <ul class="myRoom-exc-ul">
                <li>暱稱 : <input placeholder="用户昵称预留" type="text"><span>(首次免費)</span></li>
                <li>ID : <span>1235512</span></li>
                <li>性別 :</li>
                <li>生日 :</li>
                <li>身高 :</li>
                <li>體重 :</li>
                <li>學歷 :</li>
                <li>職業 : <input placeholder="老司機" type="text"></li>
                <li>簽名 : <input part="請輸入簽名" type="text"></li>
            </ul>
        </div>
    </div>
</body>
<script src="../lib/jquery-3.1.1.min.js"></script>                     
<script src="../layer-v3.1.0/layer/layer.js"></script>
<script src="../lib/default.js?v='20220407'"></script>
<script src="../lib/login.js"></script>
<script>
$(function(){
    loginGo()
    $.ajax({
        url:$ip2+'zone/userInfo/dataCard',
        data:{
            pageID:localStorage.canvasCode,
            uid:localStorage.uid,
            token:localStorage.token,
            fid:localStorage.uid
        },
        success:function(data){
            console.log("用戶資料卡",data);
    
            $(".myRoom-face").attr("src","https://zhibocdn.yabolive.net/comm"+data.zoneInfo.face+"?x-oss-process=image/resize,w_90")
            var html=[];
            html+='<li>暱稱: <span>'+data.zoneInfo.nickname+'</span></li>';
            html+='<li>ID: <span>'+data.zoneInfo.uid+'</span></li>';
            if(data.zoneInfo.sex==-1)html+='<li>性別: <span>保密</span></li>';
            else if(data.zoneInfo.sex==0)html+='<li>性別: <span>女</span></li>';
            else if(data.zoneInfo.sex==1)html+='<li>性別: <span>男</span></li>';
            html+='<li>生日: <span>1996-06-13</span></li>';
            html+='<li>身高: <span>180cm</span></li>';
            html+='<li>體重: <span>'+data.zoneInfo.height+'</span></li>';
            html+='<li>學歷: <span>'+data.zoneInfo.culture+'</span></li>';
            html+='<li>職業: <span>'+data.zoneInfo.work+'</span></li>';
            html+='<li>簽名: <span>'+data.zoneInfo.sign+'</span></li>';
            $(".myRoom-ul").html(html);
            $(".myRoom-face-box").append('<a href="index.html?fid='+data.zoneInfo.uid+'"><span class="myRoom-go-space">前往我的主頁 ></span></a>')
            
        }
    })
})
</script>
</html>