orange-Mall
/
personal.html

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

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="css/base.css">
  <link rel="stylesheet" href="css/common.css">
  <link rel="stylesheet" href="css/personal.css">
  <script src="js/jquery.min.js"></script>
  <script src="js/main.js"></script>
  <title>个人中心</title>
</head>

<body>
  <div class="container">
    <!-- 头部 -->
    <header>
      <div class="header">
        <div class="header_content">
          <a href="login.html"><img class="headicon" src="images/personal/headicon.png" alt=""></a>
          <img class="headiconborder" src="images/personal/headiconborder.png" alt="">
          <img class="queen" src="images/personal/queen.png" alt="">
          <p class="name">
            昵称&nbsp;<img src="images/personal/write.png" alt="">
          </p>
          <p class="b">
            已绑定微信
          </p>
        </div>
      </div>
    </header>
    <!-- 功能导航 -->
    <section>
      <div class="mynav">
        <div class="money clearfix">
          <div class="fl">
            <img src="images/personal/hot.png" alt="">
            <span>红包账户</span>
          </div>
          <div class="fr">
            <span>￥100.00</span>
            <img src="images/personal/icon15.png" alt="">
          </div>
        </div>
        <div class="mynav_b">
          <ul>
            <li>
              <img src="images/personal/icon06.png" alt="">
              <p class="title">待付款</p>
            </li>
            <li>
              <img src="images/personal/icon07.png" alt="">
              <p class="title">待发货</p>
            </li>
            <li>
              <img src="images/personal/icon08.png" alt="">
              <p class="title">待收货</p>
            </li>
            <li>
              <img src="images/personal/icon09.png" alt="">
              <p class="title">待评价</p>
            </li>
            <li>
              <img src="images/personal/icon10.png" alt="">
              <p class="title">全部订单</p>
            </li>
          </ul>
        </div>
      </div>
    </section>
    <!-- 中间导航 -->
    <div class="middlenav">
      <ul>
        <li>
          <a href="./goodrate.html">
            <img src="images/personal/icon11.png" alt="">
            <h3>我的优惠券</h3>
          </a>
        </li>
        <li>
          <a href="./tuan.html">
            <img src="images/personal/icon12.png" alt="">
            <h3>我的拼团</h3>
          </a>
        </li>
        <li>
          <img src="images/personal/icon13.png" alt="">
          <h3>待成团</h3>
        </li>
        <li>
          <img src="images/personal/icon14.png" alt="">
          <h3>退款/售后</h3>
        </li>
      </ul>
    </div>
    <!-- bar  -->
    <div class="bar">
      <ul>
        <li>
          <img src="images/personal/icon01.png" alt="">
          <span>我的免单</span>
          <img class="fr" src="images/personal/icon15.png" alt="">
        </li>
        <li>
          <img src="images/personal/icon02.png" alt="">
          <span>我的收藏</span>
          <img class="fr" src="images/personal/icon15.png" alt="">
        </li>
        <li>
          <img src="images/personal/icon03.png" alt="">
          <span>商家申请入驻</span>
          <img class="fr" src="images/personal/icon15.png" alt="">
        </li>
        <li>
          <img src="images/personal/sun.png" alt="">
          <span>切换模式：</span>
          <a href="javascript:;" class="dark">黑夜模式</a>
          <span>/</span>
          <a href="javascript:;" class="sun">白天模式</a>
        </li>

        <li>
          <img src="images/personal/icon04.png" alt="">
          <span>收获地址</span>
          <img class="fr" src="images/personal/icon15.png" alt="">
        </li>
        <li>
          <img src="images/personal/icon05.png" alt="">
          <span>客服中心</span>
          <img class="fr" src="images/personal/icon15.png" alt="">
        </li>
      </ul>
    </div>
    <!-- 底部导航 -->
    <footer>
      <div class="footer_nav">
        <ul>
          <li>
            <a href="index.html">
              <em class="icon">&#xe613;</em>
              <h3>首页</h3>
            </a>
          </li>
          <li>
            <a href="newsale.html">
              <em class="icon">&#xe662;</em>
              <h3>上新</h3>
            </a>
          </li>
          <li>
            <a href="foreignsale.html">
              <em class="icon">&#xe60e;</em>
              <h3>海淘</h3>
            </a>
          </li>
          <li>
            <a href="search.html">
              <em class="icon">&#xe793;</em>
              <h3>搜索</h3>
            </a>
          </li>
          <li>
            <a href="personal.html">
              <em class="icon">&#xe60d;</em>
              <h3>个人中心</h3>
            </a>
          </li>
        </ul>
      </div>
    </footer>

  </div>
</body>

</html>