|
|
<!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="swiper3/swiper.min.css">
|
|
|
<link rel="stylesheet" href="css/reset.css">
|
|
|
<link rel="stylesheet" href="css/base.css">
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
<!-- index -->
|
|
|
<div class="in_box">
|
|
|
<!-- search -->
|
|
|
<a href="search.html">
|
|
|
<div class="in_search">
|
|
|
<div class="in_search1">
|
|
|
<img src="img/1.png" alt="">
|
|
|
<p>输入书籍名称</p>
|
|
|
</div>
|
|
|
<div class="in_search_no">取消</div>
|
|
|
</div>
|
|
|
</a>
|
|
|
<!-- banner -->
|
|
|
<div class="in_banner swiper-container">
|
|
|
<ul class="swiper-wrapper">
|
|
|
<li class="swiper-slide">
|
|
|
<img src="img/2.png" alt="">
|
|
|
</li>
|
|
|
<li class="swiper-slide">
|
|
|
<img src="img/2.png" alt="">
|
|
|
</li>
|
|
|
</ul>
|
|
|
<div class="swiper-pagination"></div>
|
|
|
</div>
|
|
|
<!-- nav -->
|
|
|
<div class="in_nav">
|
|
|
<ul>
|
|
|
<a href="nav_class.html">
|
|
|
<li>
|
|
|
<div class="in_navImg">
|
|
|
<img src="img/3.png" alt="">
|
|
|
</div>
|
|
|
<p class="in_navTxt">幼儿</p>
|
|
|
</li>
|
|
|
</a>
|
|
|
<li>
|
|
|
<div class="in_navImg">
|
|
|
<img src="img/4.png" alt="">
|
|
|
</div>
|
|
|
<p class="in_navTxt">小学</p>
|
|
|
</li>
|
|
|
<li>
|
|
|
<div class="in_navImg">
|
|
|
<img src="img/5.png" alt="">
|
|
|
</div>
|
|
|
<p class="in_navTxt">中学</p>
|
|
|
</li>
|
|
|
<li>
|
|
|
<div class="in_navImg">
|
|
|
<img src="img/6.png" alt="">
|
|
|
</div>
|
|
|
<p class="in_navTxt">优品汇</p>
|
|
|
</li>
|
|
|
<li>
|
|
|
<div class="in_navImg">
|
|
|
<img src="img/7.png" alt="">
|
|
|
</div>
|
|
|
<p class="in_navTxt">更多</p>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<!-- 校园团购 -->
|
|
|
<div class="in_campus">
|
|
|
<!-- 顶部 -->
|
|
|
<div class="in_campusTitle">
|
|
|
<div class="in_campusTitle1">团</div>
|
|
|
<div class="in_campusTitle2">校园团购</div>
|
|
|
<div class="in_campusTitle3">更多
|
|
|
<img src="img/8.png" alt="">
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 小标题 -->
|
|
|
<div class="in_campust2">超值特卖,团购立减100元!</div>
|
|
|
<!-- 商品 -->
|
|
|
<div class="in_cam_shop">
|
|
|
<a href="detail.html">
|
|
|
<div class="in_cam_shopLi">
|
|
|
<div class="in_cam_shopImg">
|
|
|
<img src="img/9.png" alt="">
|
|
|
</div>
|
|
|
<h1 class="in_cam_shopName txt-cut">小学英语五年级下 册好用不贵...</h1>
|
|
|
<div class="in_cam_shopPrice">
|
|
|
<div class="in_cam_shopN">¥9.9</div>
|
|
|
<div class="in_cam_shopY">¥12.9</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
</a>
|
|
|
|
|
|
<div class="in_cam_shopLi">
|
|
|
<div class="in_cam_shopImg">
|
|
|
<img src="img/9.png" alt="">
|
|
|
</div>
|
|
|
<h1 class="in_cam_shopName txt-cut">小学英语五年级下 册好用不贵...</h1>
|
|
|
<div class="in_cam_shopPrice">
|
|
|
<div class="in_cam_shopN">¥9.9</div>
|
|
|
<div class="in_cam_shopY">¥12.9</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="in_cam_shopLi">
|
|
|
<div class="in_cam_shopImg">
|
|
|
<img src="img/9.png" alt="">
|
|
|
</div>
|
|
|
<h1 class="in_cam_shopName txt-cut">小学英语五年级下 册好用不贵...</h1>
|
|
|
<div class="in_cam_shopPrice">
|
|
|
<div class="in_cam_shopN">¥9.9</div>
|
|
|
<div class="in_cam_shopY">¥12.9</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 热门推荐 -->
|
|
|
<div class="in_hot">
|
|
|
<!-- 顶部 -->
|
|
|
<div class="in_campusTitle">
|
|
|
<div class="in_hot_Img">
|
|
|
<img src="img/12.png" alt="">
|
|
|
</div>
|
|
|
<div class="in_campusTitle2">热门推荐</div>
|
|
|
<div class="in_campusTitle3">更多
|
|
|
<img src="img/8.png" alt="">
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 小标题 -->
|
|
|
<div class="in_campust2">好货上新,火热开抢!</div>
|
|
|
<!-- 商品 -->
|
|
|
<div class="in_hot_shop">
|
|
|
<div class="in_hotLi">
|
|
|
<div class="in_hotImg">
|
|
|
<img src="img/9.png" alt="">
|
|
|
</div>
|
|
|
<div class="in_hotText">
|
|
|
<div class="in_hotName txt-cut"><span>小学</span>小学英语五年级下 册好用不贵经济实...</div>
|
|
|
<div class="in_cam_shopPrice">
|
|
|
<div class="in_hotPrice1">¥<span>265</span>.00</div>
|
|
|
<div class="in_cam_shopY">¥200.00</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="in_hotLi">
|
|
|
<div class="in_hotImg">
|
|
|
<img src="img/9.png" alt="">
|
|
|
</div>
|
|
|
<div class="in_hotText">
|
|
|
<div class="in_hotName txt-cut"><span>小学</span>小学英语五年级下 册好用不贵经济实...</div>
|
|
|
<div class="in_cam_shopPrice">
|
|
|
<div class="in_hotPrice1">¥<span>265</span>.00</div>
|
|
|
<div class="in_cam_shopY">¥200.00</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="in_hotLi">
|
|
|
<div class="in_hotImg">
|
|
|
<img src="img/9.png" alt="">
|
|
|
</div>
|
|
|
<div class="in_hotText">
|
|
|
<div class="in_hotName txt-cut"><span>小学</span>小学英语五年级下 册好用不贵经济实...</div>
|
|
|
<div class="in_cam_shopPrice">
|
|
|
<div class="in_hotPrice1">¥<span>265</span>.00</div>
|
|
|
<div class="in_cam_shopY">¥200.00</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 底部更多 -->
|
|
|
<div class="in_what">—— 已经到底了哦 ——</div>
|
|
|
<!-- 底部一级导航 -->
|
|
|
<div class="in_bottom">
|
|
|
<ul>
|
|
|
<li>
|
|
|
<img src="img/15.png" alt="">
|
|
|
<p style="color:#FF7700;">首页</p>
|
|
|
</li>
|
|
|
<li>
|
|
|
<img src="img/16.png" alt="">
|
|
|
<p>分类</p>
|
|
|
</li>
|
|
|
<li>
|
|
|
<img src="img/17.png" alt="">
|
|
|
<p>购物车</p>
|
|
|
</li>
|
|
|
<li>
|
|
|
<img src="img/18.png" alt="">
|
|
|
<p>我的</p>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
<script src="js/base.js"></script>
|
|
|
<script src="swiper3/swiper.min.js"></script>
|
|
|
<script>
|
|
|
var swiper = new Swiper('.swiper-container', {
|
|
|
pagination: '.swiper-pagination',
|
|
|
centeredSlides: true,
|
|
|
autoplay: 2500,
|
|
|
loop: true,
|
|
|
autoplayDisableOnInteraction: false
|
|
|
});
|
|
|
</script>
|
|
|
</body>
|
|
|
|
|
|
</html> |
|
|
\ No newline at end of file |
...
|
...
|
|