geek
/
xinyi


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166
							<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <title>门店列表</title>
    <style>
  		#head{
			width:100%;
			padding:0.6rem 0.4rem;
			position:relative;
		}
		#head input{
			width: 100%;
		    padding: 0.34rem 0 0.3rem 2.5rem;
		    border: none;
		}
		#head input::-webkit-input-placeholder{
			color:#848484;
		}
		
		#head img{
			width: 0.8rem;
		    height: 0.8rem;
		    position: absolute;
		    top: 1.1rem;
		    left: 1rem;
		}
		#head span{
			display: inline-block;
		    width: 0.08rem;
		    height: 0.75rem;
		    /*background: gray;*/
		    background-color: #cbcbcb;
		    position: absolute;
		    top: 1.1rem;
		    left: 2.3rem;
		}
		#box{
			background: #fff;
		    padding: 0.6rem 0;
		}
		#box h3{
			/*font-size: 1rem;*/
			font-size: 1.2rem;
		    color: #313131;
		    margin-left: 1.2rem;
		    /**/
		    font-weight: 400;
		}
		#box .mot{
			margin-top:0.4rem;
			overflow: hidden;
			position:relative;
		}
		#box .mot b{
			display: inline-block;
		   	width: 0.01rem;
		    height: 2rem;
		    background-color:#e4e4e4;
		    position: absolute;
		    top: 0.5rem;
		    left: 20.8rem;
		    font-weight: 400;
		    
		}
		#box .mot .wrea{
			float:left;
		}
		#box .mot .wrea p{
			font-size: 0.9rem;
		    position: relative;
		    padding: 0 2rem;
		    margin-bottom: 0.2rem;
		    color:#848484;
		}
		#box .mot .wrea .map{
			display: inline-block;
		    background: url(/static/images/timg10.png) no-repeat;
		    background-size: 100% 100%;
		    width: 0.9rem;
		    height: 0.9rem;
		    position: absolute;
		    top: 0.2rem;
		    left: 1rem;
		}
		#box .mot .wrea .time{
			display: inline-block;
		    background: url(/static/images/timg11.png) no-repeat;
		    background-size: 100% 100%;
		    width: 1.1rem;
		    height: 1.1rem;
		    position: absolute;
		    top: 0.17rem;
		    left: 0.85rem;
		}
		#box .mot .wreb{
			float: right;
		    position: relative;
		    padding: 0 1.6rem;
		}
		#box .mot .wreb img{
			width: 1.4rem;
		    height: 1.4rem;
		}
		#box .mot .wreb span{
			font-size: 0.9rem;
		    position: absolute;
		    top: 1.6rem;
		    right: 1.1rem;
		    color:#848484;
		}
    </style>
    <script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>
    <script src="/static/js/common.js"></script>
	<link href="/static/css/style.css" type="text/css" rel="stylesheet">

</head>
<body style="background:#f5f5f5">

	{if empty($Think.cookie.lng)}
		{include file='Index/common'}
	{/if}
	<!--<div id="head">-->
		<!--<input type="text" placeholder="输入门店名">-->
		<!--<img src="/static/images/timg9.png" alt="" />-->
		<!--<span></span>-->
	<!--</div>-->
	{if !empty($allStore)}
	{foreach $allStore as $key=>$store}
	<div id="box" {if $key>0}style="margin-top: 0.6rem"{/if}>
		<h3>{$store.store_name}</h3>
		<div class="mot">
			<div class="wrea">
				<p>
					<span class="map"></span>
					{$store.address}
				</p>
				<p>
					<span class="time"></span>
					营业时间 {$store.start_time_business}-{$store.end_time_business}
				</p>
			</div>
			<b></b>
			<div class="wreb">
				<a href="{:url('/index/index/map')}?store_id={$store.store_id}">
				<img src="/static/images/timg12.png" alt="" />
				<span>{$store.distance}</span>
				</a>
			</div>
		</div>
	</div>
	{/foreach}
	{/if}

</body>
<script>
    $(function(){
       
    })
</script>
</html>