get_hotel_detail.html 2.7 KB
<!DOCTYPE html>
<html>
	<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">
		<link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css" />
		<link rel="stylesheet" href="__TMPL__/public/assets/css/mask.css" />
		<title>良宿美寝详情</title>
	</head>
	<body>
		<include file="public@header"/>
		<include file="public@slide"/>
		<div class="mask">
		</div>
		<div class="happy_lodgeBox">
			<!--标题-->
			<h1 class="hp_lodTit">{$res.post_title}</h1>
			<!--大图-->
			<div class="hp_lodMax">
				<notempty name="res.image_one">
					<img src="{:cmf_get_image_url($res.image_one)}" alt="">
				</notempty>
			</div>
			<!--小图-->
			<div class="hp_lodMin">
				<volist name="res.image_url" id="vo">
					<div class="hp_lodMinImg">
						<p></p>
						<img src="{:cmf_get_image_url($vo.url)}" alt="" />
					</div>
				</volist>
			</div>
			<!--联系方式-->
			<div class="happy_lodList">
				<ul>
					<li>
						<div class="happy_lodListImg">
							<img src="__TMPL__/public/assets/images/cicon_96@2x.png" alt="" />
						</div>
						<div class="happy_lodListTxt">
							<p class="happy_lodListTxt1">电话:<p>
							<p class="happy_lodListTxt2">{$res.tel}</p>
						</div>
					</li>
					<li>
						<div class="happy_lodListImg">
							<img src="__TMPL__/public/assets/images/cicon_97@2x.png" alt="" />
						</div>
						<div class="happy_lodListTxt">
							<p class="happy_lodListTxt1">网址:</p>
							<p class="happy_lodListTxt2">{$res.url}</p>
						</div>
					</li>
					<li>
						<div class="happy_lodListImg">
							<img src="__TMPL__/public/assets/images/cicon_98@2x.png" alt="" />
						</div>
						<div class="happy_lodListTxt">
							<p class="happy_lodListTxt1">地址:<p>
							<p class="happy_lodListTxt2">{$res.address}</p>
						</div>
					</li>
				</ul>
			</div>
			<!--详细-->
			<div class="hapy_lodDetail">
				{$res.post_content}
			</div>
		</div>
		<!--评论-->
		<include file="public@comment"/>
		<include file="public@footer"/>
		<script src="__TMPL__/public/assets/js/base.js"></script>
		<script src="__TMPL__/public/assets/js/jquery-2.1.0.js"></script>
		<script src="__TMPL__/public/assets/js/public.js"></script>
		<script type="text/javascript">
			$(function(){
				$('.hp_lodMinImg').click(function(){
					$(this).find("p").css("opacity","0").parents(".hp_lodMinImg").siblings(".hp_lodMinImg").find("p").css("opacity","0.5");
					var img = $(this).children('img').attr('src');
					$('.hp_lodMax img').attr('src',img);
					
				})
			})
		</script>
	</body>
</html>