master

分支 (1)

管理

管理

master

pocket
/
my_personal.html

<!DOCTYPE html>
<html>
    <head>
        <title>Pocket</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
        <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
        <link href="css/common.css" rel="stylesheet" type="text/css"/>
        <link href="css/main.css" rel="stylesheet" type="text/css"/>
        <script src="js/jquery.min.js" type="text/javascript"></script>

    </head>
    <body>
        <div class="top">
            <a href="" class="pull-left"><i class="fa fa-angle-left"></i></a>
            个人信息
        </div>
        <div class=" my-fill mt-6">
            <div class="form-group line-b">
               <label>頭像</label>
               <a href="" data-toggle="modal" data-target="#myModal">
                   <i class="fa fa-angle-right pull-right"></i>
                   <div class="pull-right head"><img src="images/jiepai-img.jpg" alt=""/></div>
               </a>
            </div>
            <div class="form-group line-b">
               <label>暱稱</label>
               <a href="" data-toggle="modal" data-target="#myModal">
                   <i class="fa fa-angle-right pull-right"></i>
                   <span class="pull-right">EQZ75415785</span>
               </a>
            </div>
            <div class="form-group line-b">
               <label>生日</label>
               <a href="" data-toggle="modal" data-target="#myModal">
                   <i class="fa fa-angle-right pull-right"></i>
                   <span class="pull-right">EQZ75415785</span>
               </a>
            </div>
            <div class="form-group line-b">
               <label>個性簽名</label>
               <a href="" data-toggle="modal" data-target="#myModal">
                   <i class="fa fa-angle-right pull-right"></i>
                   <span class="pull-right">EQZ75415785</span>
               </a>
            </div>
            <div class="form-group line-b">
               <label>更換背景圖</label>
               <a href="" data-toggle="modal" data-target="#myModal">
                   <i class="fa fa-angle-right pull-right"></i>
               </a>
            </div>
            <div class="form-group line-b">
               <label>手機號碼</label>
               <a href="" data-toggle="modal" data-target="#myModal">
                   <i class="fa fa-angle-right"></i>
                   <span>EQZ75415785</span>
               </a>
            </div>
            <div class="form-group line-b">
               <label>收貨地址管理</label>
               <a href="" data-toggle="modal" data-target="#myModal">
                   <i class="fa fa-angle-right"></i>
               </a>
            </div>
            <div class="form-group line-b">
               <label>膚質</label>
                <a href="" data-toggle="modal" data-target="#myModal">
                   <i class="fa fa-angle-right"></i>
                   <span>中性皮膚</span>
               </a>
            </div>
            <div class="form-group line-b">
               <label>發質</label>
                <a href="" data-toggle="modal" data-target="#myModal">
                   <i class="fa fa-angle-right"></i>
                   <span>脫落髮質</span>
               </a>
            </div>
               <button type="button" class="btn mt-1">提交</button>
        </div>
        <!-- Standard button -->


       <!-- Modal -->
       <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
           <div class="modal-dialog" role="document">
               <div class="modal-content">
                   <div class="modal-header">
                       <h4 class="modal-title">标题</h4>
                   </div>
                   <div class="modal-body">
                       <input type="text" class="form-control" value="123456">
                   </div>
                   <div class="text-center">
                        <button type="button" class="btn btn-lg">提交</button>
                   </div>
               </div>
           </div>
       </div>

        <script src="js/bootstrap.min.js" type="text/javascript"></script>
        <script src="js/main.js" type="text/javascript"></script>
    </body>
</html>