<!-- <!DOCTYPE html> -->
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta name="apple-touch-fullscreen" content="YES">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <meta content="email=no" name="format-detection">
    <title>首页</title>
    <link rel="stylesheet" href="__STATIC__/css/swiper-4.2.2.min.css" />
    <link rel="stylesheet" href="__STATIC__/css/sc61.css" />
    <script src="__STATIC__/js/jquery-2.1.0.js"></script>
    <script src="__STATIC__/js/swiper-4.2.2.min.js"></script>
    <script src="__STATIC__/js/flexible.min.js"></script>
    <style>

    .s_top {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        background-color: white;
    }

    .s_search {
        width: 7.3rem;
    }

    .s_search {
        width: 7.3rem;
        height: 0.8rem;
        background-color: #f7f7f7;
        border-radius: 8px;
        margin-top: 0.1rem;
        margin-right: 0.2rem;
        display: flex;
        flex-direction: row;
    }
    .s_search span {
        width: 1rem;
        height: 0.7rem;
        background: url(__STATIC__/images/s_search.png) no-repeat center center;
        background-size: auto 75%;
    }
    .s_search input {
        width: 6.2rem;
    }
    .s_search input {
        width: 6.2rem;
        height: 0.6rem;
        font-size: 0.35rem;
        line-height: 0.6rem;
        color: #666;
        overflow: hidden;
        border: none;
        margin-top: 0.1rem;
        padding: 0 5px;
        box-sizing: border-box;
    }
    </style>
</head>
<body>
    <div class="s_top">
        <!-- <div class="s_city">南宁</div> -->
        <a href="{$Think.session.addr}/front/index/sousuo" class="s_search">
            <span></span>
            <input type="text" value="" placeholder="请输入搜索内容">
        </a>
    </div>
    <!-- 轮播 -->

    <!-- 轮播图 -->
        <div class="s_swiper">
            <?php if(!empty($advon)){ ?>
            <div class="swiper-container s_focus" id="top_focus">
                <div class="swiper-wrapper">
                    <?php foreach($advon['img'] as $k=>$v){?>
                    <div class="swiper-slide"><a href="{$advon['link'][$k]}"><img src="{$Think.session.addr}/public/uploads/{$v}" /></a></div>
                    <?php } ?>
                </div>
                <!-- 如果需要分页器 -->
                <div class="swiper-pagination s_focus_pag"></div>
            </div>
            <?php }?>
        </div>
    <!-- 导航 -->
    <div class="s6_nav_con">
        <div class="s6_nav_cc">
            <a href="/mobile/User/collect_list" class="s6_nav"><img src="__STATIC__/img/s6n1.png"><span>我的收藏</span></a>
            <a href="/mobile/Order/order_list" class="s6_nav"><img src="__STATIC__/img/s6n2.png"><span>我的订单</span></a>
            <a href="/mobile/User/address_list" class="s6_nav"><img src="__STATIC__/img/s6n3.png"><span>我的地址</span></a>
        </div>
        <?php if(empty($catearr)){ ?>
        <div class="s6_nav_cc">
            <volist name="levelarr" id="v">
                <a href="/mobile/Goods/catelist/levelid/{$v['id']}" class="s6_nav"><img src="__STATIC__/images/img/sc_nav{$key+9}.png"><span>{$v['name']}商城</span></a>
            </volist>
        </div>
        <?php }?>

    </div>
    <!-- 落地单图 -->
    <!-- <div class="swiper-container s_oth">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="img/a01.jpg"></div>
        </div>
    </div> -->
    <!-- 热推 -->
     <?php if(!empty($catearr)){ ?>
    <div class="retui_title"><img src="__STATIC__/img/retui_title.png"></div>
    <div class="retui_con">
         <foreach name="catearr" item="v">
            <a href="{:U('Mobile/Goods/goodslist',array('cateid'=>$v[id],'levelid'=>$levelid))}" class="retui">
                <img src="{$v['image']}">
            </a>
        </foreach>

        <!-- 
            <a href="#" class="retui"><img src="__STATIC__/img/rt01.png"></a>
            <a href="#" class="retui"><img src="__STATIC__/img/rt02.png"></a>
            <a href="#" class="retui"><img src="__STATIC__/img/rt03.png"></a>
            <a href="#" class="retui"><img src="__STATIC__/img/rt04.png"></a>
            <a href="#" class="retui"><img src="__STATIC__/img/rt05.png"></a>
            <a href="#" class="retui"><img src="__STATIC__/img/rt06.png"></a>
        -->
    </div>
    <?php } ?>
    <div class="jingx_title"><img src="__STATIC__/img/jingx_title.png"></div>
    <div class="jingx_con">

        <foreach name="hot_goods" item="v">
        <a href="{:U('Mobile/Goods/goodsInfo',array('id'=>$v[goods_id]))}" class="jingx">
            <img src="{$v[goods_id]|goods_thum_images=400,400}">
            <span>{$v[goods_name]|getSubstr=0,20}</span>
            <strong>￥{$v['shop_price']}</strong>
            <small>{$v['shop_price']*$duihuan}积分</small>
        </a>
        </foreach>
        <!-- 
        <a href="#" class="jingx">
            <img src="__STATIC__/img/jx2.jpg">
            <span>不倒翁玩具012个月宝宝音乐早教 安抚玩具</span>
            <strong>￥88.00</strong>
            <small>3000积分</small>
        </a>
        <a href="#" class="jingx">
            <img src="__STATIC__/img/jx3.jpg">
            <span>儿童数码照相机玩具可拍照录像小mini</span>
            <strong>￥88.00</strong>
            <small>3000积分</small>
        </a>
        <a href="#" class="jingx">
            <img src="__STATIC__/img/jx4.jpg">
            <span>手抓球-婴儿可咬宝宝感知球软胶球 益智</span>
            <strong>￥88.00</strong>
            <small>3000积分</small>
        </a>
        <a href="#" class="jingx">
            <img src="__STATIC__/img/jx5.jpg">
            <span>婴儿洗脸盆-可折叠儿童初生新生儿用品</span>
            <strong>￥88.00</strong>
            <small>3000积分</small>
        </a>
        <a href="#" class="jingx">
            <img src="__STATIC__/img/jx6.jpg">
            <span>哺乳枕头-喂奶神器夏季坐月子防吐奶横抱护</span>
            <strong>￥88.00</strong>
            <small>3000积分</small>
        </a>
        <a href="#" class="jingx">
            <img src="__STATIC__/img/jx7.jpg">
            <span>宝宝PiPi专用婴儿湿纸巾高品质80抽*6</span>
            <strong>￥88.00</strong>
            <small>3000积分</small>
        </a>
        <a href="#" class="jingx">
            <img src="__STATIC__/img/jx8.jpg">
            <span>不倒翁玩具012个月宝宝音乐早教 安抚玩具</span>
            <strong>￥88.00</strong>
            <small>3000积分</small>
        </a>
        <a href="#" class="jingx">
            <img src="__STATIC__/img/jx9.jpg">
            <span>儿童数码照相机玩具可拍照录像小mini</span>
            <strong>￥88.00</strong>
            <small>3000积分</small>
        </a> -->
    </div>
    <include file="./public/commonality" />
<script>
    //tab标签
    $(".af_tit span").click(function(){
        $(this).siblings().removeClass("active");
        $(this).addClass("active");
        $(".af_cc").eq($(this).index()).show().siblings().hide();
    });


    //轮播1
    var swiper = new Swiper('#top_focus',{
        autoplay: {
            delay: 3000,
            disableOnInteraction: false,
        },
        speed: 1000,
        loop: "loop",
        pagination: {
            el: '.s_focus_pag',
        }
    });
    //轮播2
    var swiper = new Swiper('.s_oth',{
        autoplay: false,
    });
</script>
</body>
</html>