master

分支 (1)

管理

管理

master

JD-mobile-simulation
/
index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./css/normalize.css" />
    <link rel="stylesheet" href="./css/index.css" />
    <script src="./js/index.js"></script>
  </head>
  <body>
    <div class="search_bar">
      <span class="msCancelBtn"></span>
      <span class="search_input"> <input type="text" class="search" placeholder="投影仪" /></span>
      <span class="msShortcutLogin">登录</span>
    </div>
    <ul class="news_slide">
      <li>
        <a href="javascript:;">
          <img src="./upload/slide.png" alt="" />
        </a>
      </li>
    </ul>
    <ul class="mall_nav">
      <li>
        <a href="javascript:;">
          <i class="nav_icon_01"></i>
          <span>京东超市</span>
        </a>
      </li>
      <li>
        <a href="javascript:;">
          <i class="nav_icon_02"></i>
          <span>海囤全球</span>
        </a>
      </li>
      <li>
        <a href="javascript:;">
          <i class="nav_icon_03"></i>
          <span>京东服饰</span>
        </a>
      </li>
      <li>
        <a href="javascript:;">
          <i class="nav_icon_04"></i>
          <span>京东生鲜</span>
        </a>
      </li>
      <li>
        <a href="javascript:;">
          <i class="nav_icon_05"></i>
          <span>京东到家</span>
        </a>
      </li>
      <li>
        <a href="javascript:;">
          <i class="nav_icon_06"></i>
          <span>充值缴费</span>
        </a>
      </li>
      <li>
        <a href="javascript:;">
          <i class="nav_icon_07"></i>
          <span>9.9元拼</span>
        </a>
      </li>
      <li>
        <a href="javascript:;">
          <i class="nav_icon_08"></i>
          <span>领券</span>
        </a>
      </li>
      <li>
        <a href="javascript:;">
          <i class="nav_icon_09"></i>
          <span>赚钱</span>
        </a>
      </li>
      <li>
        <a href="javascript:;">
          <i class="nav_icon_10"></i>
          <span>全部</span>
        </a>
      </li>
    </ul>
    <div class="news">
      <span class="news_hd"></span>
      <div class="news_content">
        <h3>热门</h3>
        全新折叠屏手机上市，价格太高
      </div>
      <a href="javascript:;" class="news_more">更多</a>
    </div>
    <div class="new_user">
      <div class="publicity_01">
        <a href="javascript:;"><img src="./upload/adv01.jpg" alt="" /></a>
      </div>
      <div class="publicity_02">
        <a href="javascript:;"><img src="./upload/adv02.jpg" alt="" /></a>
      </div>
      <div class="publicity_03">
        <a href="javascript:;"><img src="./upload/adv03.jpg" alt="" /></a>
      </div>
    </div>
    <div class="yard">
      <h3 class="yard_hd"></h3>
      <div class="yard_bd">
        <div class="row">
          <div class="row_hd">
            <h4>二手寻宝</h4>
            <p>跳蚤市场逛一逛</p>
          </div>
          <div class="row_bd">
            <a href="javascript:;">
              <img src="./upload/goods.jpg" alt="" />
            </a>
            <a href="javascript:;">
              <img src="./upload/goods.jpg" alt="" />
            </a>
          </div>
        </div>
        <div class="row">
          <div class="row_hd">
            <h4>通讯好物</h4>
            <p>自由通行有我行</p>
          </div>
          <div class="row_bd">
            <a href="javascript:;">
              <img src="./upload/goods.jpg" alt="" />
            </a>
            <a href="javascript:;">
              <img src="./upload/goods.jpg" alt="" />
            </a>
          </div>
        </div>
        <div class="row">
          <div class="row_hd">
            <h4>甜蜜情人</h4>
            <p>跟你好好过</p>
          </div>
          <div class="row_bd">
            <a href="javascript:;">
              <img src="./upload/goods.jpg" alt="" />
            </a>
          </div>
        </div>
        <div class="row">
          <div class="row_hd">
            <h4>格调客厅</h4>
            <p>大气客厅</p>
          </div>
          <div class="row_bd">
            <a href="javascript:;">
              <img src="./upload/goods.jpg" alt="" />
            </a>
          </div>
        </div>
        <div class="row">
          <div class="row_hd">
            <h4>减脂健身</h4>
            <p>燃烧卡路里</p>
          </div>
          <div class="row_bd">
            <a href="javascript:;">
              <img src="./upload/goods.jpg" alt="" />
            </a>
          </div>
        </div>
        <div class="row">
          <div class="row_hd">
            <h4>时尚耐用</h4>
            <p>踏足绿茵场</p>
          </div>
          <div class="row_bd">
            <a href="javascript:;">
              <img src="./upload/goods.jpg" alt="" />
            </a>
          </div>
        </div>
      </div>
    </div>
    <footer>
      <div class="inner">
        <a href="javascript:;">
          <i class="inner_icon_01"></i>
          <span>首页</span></a
        >
      </div>
      <div class="inner">
        <a href="javascript:;">
          <i class="inner_icon_02"></i>
          <span>分类</span></a
        >
      </div>
      <div class="inner">
        <a href="javascript:;">
          </a>
      </div>
      <div class="inner">
        <a href="javascript:;">
          <i class="inner_icon_03"></i>
          <span>购物车</span></a
        >
      </div>
      <div class="inner">
        <a href="javascript:;">
          <i class="inner_icon_04"></i>
          <span>未登录</span></a
        >
      </div>
    </footer>
  </body>
</html>