get_travel_detail.html 2.5 KB
<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>旅游路线详情</title>
	<link rel="stylesheet" href="__TMPL__/public/assets/css/enjoyment.css">
	<link rel="stylesheet" href="__TMPL__/public/assets/js/swiper4/swiper.min.css">
	<link rel="stylesheet" href="__TMPL__/public/assets/css/activity_Travel.css">
</head>

<>
	<include file="public@header"/>
	<main>
		<div class="container">
			<div class="Travel clearfix">
				<div class="Travel_left fl">
					<div class="swiper-container">
						<div class="swiper-wrapper">
							<volist name="res.image_url" id="vo">
								<div class="swiper-slide"><img src="{:cmf_get_image_url($vo.url)}" alt=""></div>
							</volist>
						</div>
						<!-- Add Arrows -->
						<div class="swiper-button-next"></div>
						<div class="swiper-button-prev"></div>
					</div>

				</div>
				<div class="Travel_right fr">
					<div class="Travel_right_title">
						{$res.post_title}
					</div>
					<div class="Travel_right_spec">
						<div class="Travel_right_spec_Book clearfix">
							<div class="Travel_right_spec_Book_left fl">
								预订须知
							</div>
							<div class="Travel_right_spec_Book_right fl">
								{$res.notice}
							</div>
						</div>
						<div class="Travel_right_spec_Set clearfix">
							<div class="Travel_right_spec_Set_left fl">出发地点</div>
							<div class="Travel_right_spec_Set_right fl">{$res.place}</div>
						</div>
						<div class="Travel_right_spec_Contain clearfix">
							<div class="Travel_right_spec_Contain_left fl">包含项目</div>
							<div class="Travel_right_spec_Contain_right fl">{$res.project}</div>
						</div>
						<a href="{$res.pay_url}">
							<div class="Travel_right_spec_pay">
								立即前往购买
							</div>
						</a>
					</div>
					<div class="Travel_right_price">
						<h2>商品售价:<p><span>{$res.price}</span></p>
						</h2>
					</div>
					<div class="Travel_right_price_text">
						<p>
							{$res.post_excerpt}
						</p>
					</div>
				</div>
			</div>
		</div>
	</main>
	<include file="public@footer"/>
	<script src="__TMPL__/public/assets/js/jquery-3.2.1.min.js"></script>
	<script src="__TMPL__/public/assets/js/swiper4/swiper.min.js"></script>
	<script src="__TMPL__/public/assets/js/public.js"></script>
	<script>
		var swiper = new Swiper('.swiper-container', {
			pagination: {
				el: '.swiper-pagination',
				type: 'progressbar',
			},
			navigation: {
				nextEl: '.swiper-button-next',
				prevEl: '.swiper-button-prev',
			},
		});

	</script>

</body>

</html>