|
|
@@ -6,7 +6,7 @@
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
<title>Document</title>
|
|
|
<link rel="stylesheet" href="./css/index.css">
|
|
|
- <link rel="stylesheet" href="https://at.alicdn.com/t/c/font_5209207_xom5ge6o6z.css">
|
|
|
+ <link rel="stylesheet" href="https://at.alicdn.com/t/c/font_5209207_wtawmymvl4.css">
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
@@ -64,7 +64,35 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 头部导航 -->
|
|
|
- <div class="head-nav"></div>
|
|
|
+ <div class="head-nav main-width ">
|
|
|
+ <!-- 头部导航栏logo -->
|
|
|
+ <div class="head-logo">
|
|
|
+ <img src="./img/logo-mi2.png" alt="logo">
|
|
|
+ </div>
|
|
|
+ <!-- 头部导航栏列表 -->
|
|
|
+ <div class="head-nav-list">
|
|
|
+ <ul class="clearfix">
|
|
|
+ <li>Xiaomi手机</li>
|
|
|
+ <li>REDMI手机</li>
|
|
|
+ <li>电视</li>
|
|
|
+ <li>笔记本</li>
|
|
|
+ <li>平板</li>
|
|
|
+ <li>家电</li>
|
|
|
+ <li>路由器</li>
|
|
|
+ <li>服务中心</li>
|
|
|
+ <li>社区</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <!-- 头部导航栏搜索框 -->
|
|
|
+ <div class="head-search ">
|
|
|
+ <div class="search-inp">
|
|
|
+ <input type="text" placeholder="搜索">
|
|
|
+ </div>
|
|
|
+ <div class="search-btn">
|
|
|
+ <i class="iconfont icon-search"></i>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<!-- 轮播图 -->
|
|
|
<div class="swiper-content"></div>
|
|
|
<!-- 广告栏 -->
|
