get_travel_detail.html 3.2 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" style="height: 57px;">{$res.project}</div>
                    </div>
                    <div class="Travel_right_spec_pay">
                        <a href="{$res.pay_url}">立即前往咨询</a>
                    </div>
                </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>