linch
/
www.x-motion.cn


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150
							<!DOCTYPE html>
<html>
<head lang="en">
    <include file="./Application/M/View/Common/head_include.html"/>
    <title>幻速_体验店加盟_招募城市合伙人</title>
    <link rel="stylesheet" type="text/css" href="/Public/static/home/m/css/shop_news.css?180408"/>
    <link rel="stylesheet" type="text/css" href="/Public/static/home/m/css/new_store.css?180408"/>
    <style type="text/css">
        .news_jp p.active{
            background: url(https://img.x-motion.cn/home/m/image/news/jp_bg.jpg) no-repeat;
            background-size: 100%;
            background-position: center;
        }
        .shop_nx{
            padding-top: 0.62rem;
            display: flex;
            justify-content: space-between;
        }
        .shop_nx a{
            display: block;
            font-size: 2.8em;
            color: #5EA7EC;
        }
        .all_stli{
            height:4.2rem;
            overflow-y: scroll;
        }

    </style>
</head>
<body>
<include file="./Application/M/View/Common/head.html"/>
<div class="content">
    <div class="stores_top">
        <h2>线下体验店</h2>
        <h3>首页/全部门店</h3>
    </div>
    <div class="news_ct">
        <div class="news_jp">
            <p>
                <a href="{:U('m/about/new_store')}">最新门店</a>
            </p>
            <p class="active">
                <a href="javascript:void(0);">全部门店</a>
            </p>
            <p hidden>
                <a href="{:U('m/about/discount')}">优惠政策</a>
            </p>
            <div class="select_ul" id="select_ul" data-id="0"><span>省份&nbsp;/&nbsp;直辖市&nbsp;/&nbsp;行政区</span>
                <div class="all_stli">
                    <a data-id="-1"  href="javascript:void(0);" <if condition="$search['city_id'] eq -1">class="active"</if>>
                        <p class="select_li">全国</p>
                    </a>
                    <foreach name="home_city" item="v">
                    <a <if condition="$search['city_id'] eq $v['id']">class="active"</if> data-id="{$v['id']}" href="javascript:void(0);">
                        <p class="select_li">
                            {$v['name']}
                        </p>
                    </a>
                    </foreach>
                </div>
            </div>

        </div>
        <if condition="!empty($search['city_id']) and !empty($data)">
            <div class="shop_sw">
            <foreach name="data" item="v">
                <div class="shop_li">
                    <p class="shop_img col">
                        <if condition="!empty($v['have_news'])">
                            <a href="{:U('about/news/', array('store_id' => $v['id']))}"><img src="{$v['img']}"></a>
                            <else/>
                            <img src="{$v['img']}">
                        </if>
                    </p>
                    <p class="shop_title">{$v['name']}</p>
                    <if condition="!empty($v['address'])">
                        <p class="shop_address shop_icon"><img src="https://img.x-motion.cn/home/m/image/news/shop_ad.jpg"/>&nbsp;{$v['address']}</p>
                    </if>
                    <if condition="!empty($v['date'])">
                    <p class="shop_time shop_icon"><img src="https://img.x-motion.cn/home/m/image/news/shop_tm.jpg"/>&nbsp;{$v['date']}：  {$v['s_time']} - {$v['e_time']}</p>
                    </if>
                    <if condition="!empty($v['tel'])">
                        <a href="tel:{$v['tel']}" class="shop_phone shop_icon"><p><img src="https://img.x-motion.cn/home/m/image/news/shop_ph.jpg" alt="" />&nbsp;{$v['tel']}</p></a>
                    </if>
                </div>
            </foreach>
            </div>
        </if>
        <if condition="!empty($page['pre']) or !empty($page['next'])">
        <div class="shop_nx">
            <div>
            <if condition="!empty($page['pre'])">
                <a href="{$page['pre']}">&lt;上一页</a>
            </if>
            </div>
            <div>
            <if condition="!empty($page['next'])">
                <a href="{$page['next']}">下一页&gt;</a>
            </if>
            </div>
        </div>
        </if>
    </div>
    <if condition="empty($search['city_id'])">
    <div class="col all-simg">
        <img src="https://img.x-motion.cn/home/m/image/news/shop_img.jpg" />
    </div>
    <elseif condition="empty($data)"/>
    <div class="col all-simg">
        <img src="https://img.x-motion.cn/home/m/image/news/store_no.jpg" />
    </div>
    </if>
    <include file="./Application/M/View/Common/footer.html"/>
</div>
<include file="./Application/M/View/Common/footer_include.html"/>
<script type="text/javascript">
    $(document).ready(function(){
        $('#select_ul a').on('click', function(){
            $('#select_ul a').each(function(){
                $(this).removeClass('active');
            });
            $(this).addClass('active');
            select_city();
            var id = $(this).attr('data-id');
            location.href="{:U(CONTROLLER_NAME . '/' . ACTION_NAME)}" + "/city_id/" + id;
        });
    });
    $('.select_ul').click(function(e) {
        e.stopPropagation()
        $('.all_stli').toggleClass('li_active')
    })
    $('.news_ct').click(function(e) {

        $('.all_stli').removeClass('li_active')
    })

    function select_city(){
        var a = $('#select_ul a.active p');
        if(a.length != 0){
            var title = $(a).html();
            var id = $(a).attr('data-id');
            $('#select_ul').attr('data-id', id);
            $('#select_ul>span').html(title);
        }
    }
    select_city();
</script>
</body>
</html>