|
|
@@ -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_wtawmymvl4.css">
|
|
|
+ <link rel="stylesheet" href="https://at.alicdn.com/t/c/font_5209207_r31bgvf7vqe.css">
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
@@ -94,7 +94,59 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 轮播图 -->
|
|
|
- <div class="swiper-content"></div>
|
|
|
+ <div class="swiper-content main-width">
|
|
|
+ <!-- 图片区域 -->
|
|
|
+ <div class="swiper-img">
|
|
|
+ <img src="./img/banner1.jpg" alt="banner">
|
|
|
+ </div>
|
|
|
+ <!-- 左侧导航 -->
|
|
|
+ <div class="swiper-nav">
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ <span>手机</span>
|
|
|
+ <i class="iconfont icon-arrwo-left"></i>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span>电视</span>
|
|
|
+ <i class="iconfont icon-arrwo-left"></i>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span>家电</span>
|
|
|
+ <i class="iconfont icon-arrwo-left"></i>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span>笔记本 平板 显示器</span>
|
|
|
+ <i class="iconfont icon-arrwo-left"></i>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span>出行 穿戴</span>
|
|
|
+ <i class="iconfont icon-arrwo-left"></i>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span>耳机 音箱</span>
|
|
|
+ <i class="iconfont icon-arrwo-left"></i>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span>健康 儿童</span>
|
|
|
+ <i class="iconfont icon-arrwo-left"></i>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span>生活 箱包</span>
|
|
|
+ <i class="iconfont icon-arrwo-left"></i>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span>智能 路由器</span>
|
|
|
+ <i class="iconfont icon-arrwo-left"></i>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span>电源 配件</span>
|
|
|
+ <i class="iconfont icon-arrwo-left"></i>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <!-- 按钮区域 -->
|
|
|
+ <div class="swiper-btn"></div>
|
|
|
+ </div>
|
|
|
<!-- 广告栏 -->
|
|
|
<div class="ad-content"></div>
|
|
|
</div>
|
