public/themes/simpleboot3/portal/index/index.html

<!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>