get_hotel_detail.html 2.9 KB
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>良宿美寝详情</title>
    <link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css">
    <link rel="stylesheet" href="__TMPL__/public/assets/css/mask.css">
</head>

<body>
    <include file="public@header"/>

    <!--弹窗-->
    <div class="mask">
    </div>
    <!-- 侧边栏 -->
    <include file="public@slide"/>
    <div class="happy_house clearfix">
        <!-- 标题 -->
        <h1>{$res.post_title}</h1>
        <!-- 左侧内容 -->
        <div class="happy_house_left">
            <div class="happy_house_leftImg1">
                <notempty name="res.image_one">
                    <img src="{:cmf_get_image_url($res.image_one)}" alt="">
                </notempty>
            </div>

            <div class="happy_house_leftImg2">
                <volist name="res.image_url" id="vo">
                    <div>
                        <img src="{:cmf_get_image_url($vo.url)}" alt="">
                    </div>
                </volist>
            </div>
        </div>
        <!-- 右侧内容 -->
        <div class="happy_house_right">
            <ul>
                <!-- 电话 -->
                <li class="clearfix">
                    <div class="happy_house_right1">
                        <img src="__TMPL__/public/assets/starImg/aicon_42.png" alt="">
                        <span>电话:</span>
                    </div>
                    <p>{$res.tel}</p>
                </li>
                <!-- 网址 -->
                <li class="clearfix">
                    <div class="happy_house_right1">
                        <img src="__TMPL__/public/assets/starImg/aicon_42.png" alt="">
                        <span>网址:</span>
                    </div>
                    <p>{$res.url}</p>
                </li>
                <!-- 地址 -->
                <li class="clearfix">
                    <div class="happy_house_right1">
                        <img src="__TMPL__/public/assets/starImg/aicon_42.png" alt="">
                        <span>地址:</span>
                    </div>
                    <p>{$res.address}</p>
                </li>
            </ul>
            <!-- 文字介绍 -->
            <div class="happy_house_rightTxt">{$res.post_content}</div>
        </div>
    </div>
    <!-- 评论 -->
    <include file="public@comment"/>
    <include file="public@footer"/>
    <script src="__TMPL__/public/assets/js/jquery-3.2.1.min.js"></script>
    <script src="__TMPL__/public/assets/js/public.js"></script>
    <script>
        $('.happy_house_leftImg2 div').mouseover(function() {
            var img = $(this).find('img').attr('src');
            $('.happy_house_leftImg1 img').attr('src', img)
        })
    </script>
</body>

</html>