MyApp
/
wo.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width" name="viewport">
    <title>个人中心</title>
    <link rel="stylesheet" type="text/css" href="css/weui.css" />
    <link rel="stylesheet" type="text/css" href="css/jquery-weui.css" />
    <link rel="stylesheet" type="text/css" href="css/shequ.css"/>
    <style>
        .weui_cell_bd p{
            font-size: 14px;
            font-family: 微软雅黑, Arial;
        }
        .bg_1{
            background:url(./icon/me_bg.jpg);
            background-size:cover;
        }
    </style>
</head>
<body>
<div class="weui_panel weui_panel_access">
    <div class="weui_panel_bd bg_1">
        <div  class="weui_media_box weui_media_appmsg">
            <div class="weui_media_hd">
                <i class="ml1"></i>
            </div>
            <div class="weui_media_bd" style="text-align:left;margin-left:3em">
                <h1 style="color:#fff;" class="weui_media_title">微信用户</h1>
                <p style="color:#fff" class="weui_media_desc">weixin001</p>
            </div>
        </div>
    </div>
    <div class="weui_panel">
        <div class="weui_panel_bd">
            <div class="weui_media_box weui_media_small_appmsg">
                <div class="weui_cells weui_cells_access">
                    <a class="weui_cell" href="javascript:;">
                        <div class="weui_cell_hd"><i class="icon iconfont" style="color:#f6b26b">&#xe600;</i></div>
                        <div class="weui_cell_bd weui_cell_primary">
                            <p>查询地址</p>
                        </div>
                        <span class="weui_cell_ft"></span>
                    </a>
                    <a class="weui_cell" href="javascript:;">
                        <div class="weui_cell_hd"><i class="icon iconfont" style="color:#9900ff">&#xe609;</i></div>
                        <div class="weui_cell_bd weui_cell_primary">
                            <p>绑定手机号</p>
                        </div>
                        <span class="weui_cell_ft"></span>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="weui_panel weui_panel_access">
    <div class="weui_panel">
        <div class="weui_panel_bd">
            <div class="weui_media_box weui_media_small_appmsg">
                <div class="weui_cells weui_cells_access">
                    <a class="weui_cell" href="javascript:;">
                        <div class="weui_cell_hd"><i class="icon iconfont" style="color:#7bcc57">&#xe60b;</i></div>
                        <div class="weui_cell_bd weui_cell_primary">
                            <p>听音乐</p>
                        </div>
                        <span class="weui_cell_ft"></span>
                    </a>
                    <a class="weui_cell" href="javascript:;">
                        <div class="weui_cell_hd"><i class="icon iconfont" style="color:#ff0000">&#xe601;</i></div>
                        <div class="weui_cell_bd weui_cell_primary">
                            <p>购物</p>
                        </div>
                        <span class="weui_cell_ft"></span>
                    </a>
                    <a class="weui_cell" href="javascript:;">
                        <div class="weui_cell_hd"><i class="icon iconfont" style="color:#f06ff0">&#xe60c;</i></div>
                        <div class="weui_cell_bd weui_cell_primary">
                            <p>看电影</p>
                        </div>
                        <span class="weui_cell_ft"></span>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="weui_panel weui_panel_access">
    <div class="weui_panel">
        <div class="weui_panel_bd">
            <div class="weui_media_box weui_media_small_appmsg">
                <div class="weui_cells weui_cells_access">
                    <a class="weui_cell" href="javascript:;">
                        <div class="weui_cell_hd"><i class="icon iconfont" style="color:#4a86e8">&#xe60d;</i></div>
                        <div class="weui_cell_bd weui_cell_primary">
                            <p>关于我们</p>
                        </div>
                        <span class="weui_cell_ft"></span>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="weui_tabbar">
    <a href="index.html" class="weui_tabbar_item ">
        <div class="weui_tabbar_icon">
            <img src="./images/iconfont-home.png" alt="">
        </div>
        <p class="weui_tabbar_label">首页</p>
    </a>
    <a href="cart.html" class="weui_tabbar_item">
        <div class="weui_tabbar_icon">
            <img src="./images/iconfont-cart.png" alt="">
        </div>
        <p class="weui_tabbar_label">视频</p>
    </a>
    <a href="faxian.html" class="weui_tabbar_item">
        <div class="weui_tabbar_icon">
            <img src="./images/iconfont-faxian.png" alt="">
        </div>
        <p class="weui_tabbar_label">娱乐</p>
    </a>
    <a href="wo.html" class="weui_tabbar_item weui_bar_item_on">
        <div class="weui_tabbar_icon">
            <img src="./images/iconfont-wo.png" alt="">
        </div>
        <p class="weui_tabbar_label">我的宝箱</p>
    </a>
</div>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="js/jquery-weui.js"></script>
</body>
</html>