<!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="__TMPL__/public/assets/css/swiper.min.css">
<link rel="stylesheet" href="__TMPL__/public/assets/css/reset.css">
<link rel="stylesheet" href="__TMPL__/public/assets/css/base.css">
<style>
.in_search1 input{
outline: none;
font-size: 0.26rem;
margin-left: 0.2rem;
}
.in_search1 input::placeholder{
color: rgba(204, 204, 204, 1);
}
.in_search_no input{
color: white;
border: 0;
outline: none;
font-size: 0.28rem;
margin-left: 0.16rem;
background: none;
}
</style>
</head>
<body>
<!-- index -->
<div class="in_box">
<!-- search -->
<!-- <form action="{:url('Index/search_salesman_goods')}" method="post">-->
<div class="in_search">
<div class="in_search1">
<img src="__TMPL__/public/assets/images/1.png" alt="">
<input type="text" name="book_name" placeholder="输入书籍名称">
</div>
<div class="in_search_no" onclick="sousuo()"><!--<input type="submit" placeholder="搜索" value="搜索">-->搜索</div>
</div>
<!-- </form>-->
<!-- banner -->
<div class="in_banner swiper-container">
<ul class="swiper-wrapper">
<volist name="slideshow" id="vo">
<li class="swiper-slide" style="width: 4.2rem;height: 3.1rem;">
<a href="{$vo.url}">
<img src="{:cmf_get_image_url($vo.image)}" alt="" style="width: 100%;height: 100%;">
</a>
</li>
</volist>
</ul>
<div class="swiper-pagination"></div>
</div>
<!-- nav -->
<div class="in_nav">
<ul>
<volist name="data_classif" id="vo">
<if condition="empty($vo.thumbnail)">
<else/>
<a href="{:url('Classify/classify',array('classify_id'=>$vo.id))}">
<li>
<div class="in_navImg">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
</div>
<p class="in_navTxt">{$vo.name}</p>
</li>
</a>
</if>
</volist>
<a href="{:url('Classify/classify')}">
<li>
<div class="in_navImg">
<img src="__TMPL__/public/assets/images/7.png" alt="">
</div>
<p class="in_navTxt">更多</p>
</li>
</a>
</ul>
</div>
<!-- 校园团购 -->
<div class="in_campus">
<!-- 顶部 -->
<div class="in_campusTitle">
<div class="in_campusTitle1">团</div>
<div class="in_campusTitle2">校园团购</div>
<div class="in_campusTitle3">
更多
<a href="{:url('Index/salesman_goods')}">
<img src="__TMPL__/public/assets/images/8.png" alt="" >
</a>
</div>
</div>
<!-- 小标题 -->
<div class="in_campust2">超值特卖，团购立减100元！</div>
<!-- 商品 -->
<div class="in_cam_shop">
<volist name="data_goods" id="vo">
<a href="{:url('Goodsdetails/Goods_details',array('goods_id'=>$vo.id))}">
<div class="in_cam_shopLi">
<div class="in_cam_shopImg">
<img src="{:cmf_get_image_url($vo.show_img)}" alt="" style="width: 100%;height: 100%;">
</div>
<h1 class="in_cam_shopName txt-cut">{$vo.book_name}</h1>
<div class="in_cam_shopPrice">
<div class="in_cam_shopN">￥{$vo.price}</div>
<div class="in_cam_shopY">￥{$vo.pricing}</div>
</div>
</div>
</a>
</volist>
<volist name="data_goods_recommend_new" id="vo">
<a href="{:url('Goodsdetails/Goods_details',array('goods_id'=>$vo.id))}">
<div class="in_cam_shopLi">
<div class="in_cam_shopImg">
<img src="{:cmf_get_image_url($vo.show_img)}" alt="">
</div>
<h1 class="in_cam_shopName txt-cut">{$vo.book_name}</h1>
<div class="in_cam_shopPrice">
<div class="in_cam_shopN">￥{$vo.price}</div>
<div class="in_cam_shopY">￥{$vo.pricing}</div>
</div>
</div>
</a>
</volist>
</div>
</div>
<!-- 热门推荐 -->
<div class="in_hot">
<!-- 顶部 -->
<div class="in_campusTitle">
<div class="in_hot_Img">
<img src="__TMPL__/public/assets/images/12.png" alt="">
</div>
<div class="in_campusTitle2">热门推荐</div>
<div class="in_campusTitle3">
更多
<a href="{:url('Index/hot_goods')}">
<img src="__TMPL__/public/assets/images/8.png" alt="" />
</a>
</div>
</div>
<!-- 小标题 -->
<div class="in_campust2">好货上新，火热开抢！</div>
<!-- 商品 -->
<div class="in_hot_shop">
<volist name="data_goods_hot" id="vo">
<div class="in_hotLi">
<a href="{:url('Goodsdetails/Goods_details',array('goods_id'=>$vo.id))}">
<div class="in_hotImg">
<img src="{:cmf_get_image_url($vo.show_img)}" alt="">
</div>
<div class="in_hotText">
<div class="in_hotName txt-cut"><span>{$vo.grade}</span>{$vo.book_name}</div>
<div class="in_cam_shopPrice">
<div class="in_hotPrice1">￥<span>{$vo.price0}</span>.{$vo.price1}</div>
<div class="in_cam_shopY">￥{$vo.pricing}</div>
</div>
</div>
</a>
</div>
</volist>
</div>
</div>
<!-- 底部更多 -->
<div class="in_what">—— 已经到底了哦 ——</div>
<!-- 底部一级导航 -->
<div class="in_bottom">
<ul>
<li>
<img src="__TMPL__/public/assets/images/15.png" alt="">
<p style="color:#FF7700;">首页</p>
</li>
<a href="{:url('Classify/classify')}">
<li>
<img src="__TMPL__/public/assets/images/16.png" alt="">
<p>分类</p>
</li>
</a>
<a href="{:url('Shopcart/shop_cart')}">
<li>
<img src="__TMPL__/public/assets/images/17.png" alt="">
<p>购物车</p>
</li>
</a>
<a href="{:url('Personalcenter/Personal_center')}">
<li>
<img src="__TMPL__/public/assets/images/18.png" alt="">
<p>我的</p>
</li>
</a>
</ul>
</div>
</div>
<script src="__TMPL__/public/assets/js/base.js"></script>
<script src="__TMPL__/public/assets/js/swiper.min.js"></script>
<script src="__TMPL__/public/assets/js/jquery.js"></script>
<script>
/**
*点击搜索
*/
function sousuo(){
book_name = $("input[name='book_name']").val();
window.location.href = "{:url('Index/search_salesman_goods')}?book_name="+book_name;
}
</script>
<script>
var swiper = new Swiper('.swiper-container', {
pagination: '.swiper-pagination',
centeredSlides: true,
autoplay: 2500,
loop: true,
autoplayDisableOnInteraction: false
});
</script>
</body>
</html>