personal_center.html 8.5 KB
<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>学考无忧-我的-完善个人信息</title>
    <link rel="stylesheet" href="__TMPL__/public/assets/css/reset.css" />
    <link rel="stylesheet" href="__TMPL__/public/assets/css/log.css" />
    <style>
        .w_myG {
            width: 1.52rem;
            height: 0.48rem;
            background: rgba(255, 255, 255, 0.1);
            border-radius: 0.24rem;
            font-size: 0.24rem;
            text-align: center;
            margin-left: auto;
            margin-right: 0.38rem;
            line-height: 0.48rem;
            color: rgba(255, 255, 255, 0.8);
        }

        .w_myStarst {
            display: flex;
            display: -webkit-flex;
            margin: 0.16rem 0;
            padding: 0.16rem 0.5rem 0.16rem 0;
            box-sizing: border-box;
            background-color: white;
        }

        .w_myStarst_left {
            width: 5.68rem;
            height: 1.28rem;
            display: flex;
            display: -webkit-flex;
            border-right: 0.04rem solid #f5f5f5;
            align-items: center;
            -webkit-align-items: center;
        }

        .w_myStarst_left ul {
            display: flex;
            display: -webkit-flex;
        }

        .w_myStarst_left ul li {
            margin-left: 0.62rem;
        }

        .w_myStarst_right {
            padding: 0.2rem 0 0 0.3rem;
            box-sizing: border-box;
        }

        .w_my_leftImg {
            width: 0.52rem;
            margin: auto;
        }

        .w_my_leftImg img {
            width: 100%;
            height: 100%;
        }

        .w_my_leftTxt {
            font-size: 0.22rem;
            color: rgba(51, 51, 51, 1);
            text-align: center;
        }
    </style>
</head>

<body style="background-color: #F5F5F5">
<div class="log_top">
    <!-- 顶部 -->
    <div class=" order_top log_top">
        <a href="">
            <img src="__TMPL__/public/assets/images/left2.png" alt="" />
        </a>
        <p style="color:white">我的</p>
    </div>
    <!-- 个人中心 -->
    <div class="w_myG">个人中心</div>
    <!-- 头像 -->
    <div class="log_top_buddha">
        <div class="log_top_buddha_img">
            <img src="__TMPL__/public/assets/images/40.png" alt="" />
        </div>
        <div class="log_top_buddha_contant">
            <div class="log_top_buddha_contant_one">
                嘿嘿!小豆芽儿
            </div>
            <div class="log_top_buddha_contant_two">
                五花马千金裘,呼儿将出换美酒
            </div>
        </div>
    </div>
</div>
<!-- 状态 -->
<div class="w_myStarst">
    <div class="w_myStarst_left">
        <ul>
            <li>
                <a href="w_Dpayment.html">
                    <div class="w_my_leftImg">
                        <img src="__TMPL__/public/assets/images/42.png" alt="" />
                    </div>
                    <p class="w_my_leftTxt">待付款</p>
                </a>
            </li>
            <li>
                <a href="w_Ypayment.html">
                    <div class="w_my_leftImg">
                        <img src="__TMPL__/public/assets/images/43.png" alt="" />
                    </div>
                    <p class="w_my_leftTxt">待发货</p>
                </a>
            </li>
            <li>
                <a href="w_Ypayment.html">
                    <div class="w_my_leftImg">
                        <img src="__TMPL__/public/assets/images/44.png" alt="" />
                    </div>
                    <p class="w_my_leftTxt">待收货</p>
                </a>
            </li>
            <li>
                <div class="w_my_leftImg">
                    <img src="__TMPL__/public/assets/images/45.png" alt="" />
                </div>
                <p class="w_my_leftTxt">退换货</p>
            </li>
        </ul>
    </div>
    <div class="w_myStarst_right">
        <div>
            <a href="w_my_order.html">
                <div class="w_my_leftImg">
                    <img src="__TMPL__/public/assets/images/46.png" alt="" />
                </div>
                <p class="w_my_leftTxt">全部订单</p>
            </a>
        </div>
    </div>
</div>
<!-- 列表 -->
<div class="log_one_list" style="background-color: white">
    <a href="address_closed.html">
        <div class="log_one_list_one">
            <div class="log_one_list_left">
                <div class="log_one_list_img">
                    <img src="__TMPL__/public/assets/images/51.png" alt="" />
                </div>
                <div class="log_one_list_word">
                    我的地址
                </div>
            </div>
            <div class="log_one_list_right">
                <img src="__TMPL__/public/assets/images/29.png" alt="" />
            </div>
        </div>
    </a>
    <a href="w_collection.html">
        <div class="log_one_list_one">
            <div class="log_one_list_left">
                <div class="log_one_list_img">
                    <img src="__TMPL__/public/assets/images/50.png" alt="" />
                </div>
                <div class="log_one_list_word">
                    我的收藏
                </div>
            </div>
            <div class="log_one_list_right">
                <img src="__TMPL__/public/assets/images/29.png" alt="" />
            </div>
        </div>
    </a>
    <a href="w_browse.html">
        <div class="log_one_list_one">
            <div class="log_one_list_left">
                <div class="log_one_list_img">
                    <img src="__TMPL__/public/assets/images/48.png" alt="" />
                </div>
                <div class="log_one_list_word">
                    浏览记录
                </div>
            </div>
            <div class="log_one_list_right">
                <img src="__TMPL__/public/assets/images/29.png" alt="" />
            </div>
        </div>
    </a>
    <a href="log_nine.html">
        <div class="log_one_list_one">
            <div class="log_one_list_left">
                <div class="log_one_list_img">
                    <img src="__TMPL__/public/assets/images/49.png" alt="" />
                </div>
                <div class="log_one_list_word">
                    我的钱包
                </div>
            </div>
            <div class="log_one_list_right">
                <img src="__TMPL__/public/assets/images/29.png" alt="" />
            </div>
        </div>
    </a>
    <a href="w_code.html">
        <div class="log_one_list_one">
            <div class="log_one_list_left">
                <div class="log_one_list_img">
                    <img src="__TMPL__/public/assets/images/47.png" alt="" />
                </div>
                <div class="log_one_list_word">
                    商城分享
                </div>
            </div>
            <div class="log_one_list_right">
                <img src="__TMPL__/public/assets/images/29.png" alt="" />
            </div>
        </div>
    </a>
</div>
<!-- 底部一级导航 -->
<div class="in_bottom">
    <ul>
        <a href="index.html">
            <li>
                <img src="__TMPL__/public/assets/images/22.png" alt="" />
                <p>首页</p>
            </li>
        </a>
        <a href="nav_class.html">
            <li>
                <img src="__TMPL__/public/assets/images/16.png" alt="" />
                <p>分类</p>
            </li>
        </a>
        <a href="w_shopping_cart.html">
            <li>
                <img src="__TMPL__/public/assets/images/17.png" alt="" />
                <p>购物车</p>
            </li>
        </a>
        <a href="log_one.html">
            <li>
                <img src="__TMPL__/public/assets/images/19.png" alt="" />
                <p style="color:#FF7700;">我的</p>
            </li>
        </a>
    </ul>
</div>
<script src="__TMPL__/public/assets/js/jquery.js"></script>
<script src="__TMPL__/public/assets/js/base.js"></script>
<script src="__TMPL__/public/assets/js/mui.min.js"></script>
<script src="__TMPL__/public/assets/js/mui.picker.min.js"></script>
<script src="__TMPL__/public/assets/js/city.data-3.js"></script>
<script>
    $(".log_top_buddha_btn").click(function() {
        $(this).css({
            display: "none"
        });
        $(".log_top_buddha_contant").toggle();
    });
</script>
</body>

</html>