get_more_scenery.html 5.3 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/bootstrap4.0.css">
    <link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css">
    <style>
        .happy_beauty_con_1topimg1 {
            height: 675px;
        }
    </style>
</head>

<body>
    <include file="public@header"/>
    <div class="happy_beauty">
        <!-- 选择区域 -->
        <div class="happy_select clearfix">
            <img src="__TMPL__/public/assets/starImg/aicon_42.png" alt="">
            <p>{$city_name}</p>
        </div>
        <!-- 顶部标题 -->
        <div class="show_INMain_tit clearfix">
            <div class="show_IN1 clearfix">
                <img src="__TMPL__/public/assets/starImg/aicon_06.png" alt="" style="width:28px">
                <p>网红<span>美景</span></p>
                <h2>Top Attraction</h2>
            </div>
        </div>
        <!-- 盒子 -->
        <div class="happy_beauty_box">
            <!-- 内容 -->
            <div class="happy_beauty_con">
                <!-- 第一部分 -->
                <div class="happy_beauty_con_1">
                    <div class="happy_beauty_con_1_box">
                        <volist name="image" id="vo" offset="0" lengt="4">
                            <div class="happy_beauty_con_1top">
                                <div class="happy_beauty_con_1topimg1">
                                    <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
                                </div>
                                <div class="happy_beauty_con_1topTxt clearfix">
                                    <h1>{$vo.post_title}</h1>
                                    <div class="happy_food_con2_1Txt2 clearfix">
                                        <div>
                                            <img src="__TMPL__/public/assets/starImg/bicon_12.png" alt="">
                                            <p>{$vo.post_hits}</p>
                                        </div>
                                        <div>
                                            <img src="__TMPL__/public/assets/starImg/bicon_11.png" alt="">
                                            <p>{$vo.post_favorites}</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </volist>
                    </div>
                    <div class="happy_beauty_conTab">
                        <ul class="clearfix">
                            <volist name="image" id="vo" offset="0" lengt="4">
                                <li>
                                    <div class="happy_beauty_conTabImg">
                                        <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
                                        <span></span>
                                    </div>
                                    <p>{$vo.post_title}</p>
                                </li>
                            </volist>
                        </ul>
                    </div>
                </div>
                <!-- 第二部分 -->
                <div class="happy_food_con2_2 clearfix">
                    <ul>
                        <volist name="res['data']" id="vo">
                            <a href="/portal/star/getSceneryDetail?id={$vo.id}">
                                <li>
                                    <div class="happy_food_con2_2Img">
                                        <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
                                    </div>
                                    <div class="happy_food_con2_2Txt2 clearfix">
                                        <h2>{$vo.post_title}</h2>
                                        <div>
                                            <img src="__TMPL__/public/assets/starImg/bicon_14.png" alt="">
                                            <p>{$vo.post_hits}</p>
                                        </div>
                                        <div>
                                            <img src="__TMPL__/public/assets/starImg/bicon_13.png" alt="">
                                            <p>{$vo.post_favorites}</p>
                                        </div>
                                    </div>
                                </li>
                            </a>
                        </volist>
                    </ul>
                </div>
            </div>
            <!--分页-->
            <div class="pagination">
                {$page|default=''}
            </div>
        </div>
    </div>

    <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_beauty_con_1top').eq(0).addClass('happy_beauty_active');
        $('.happy_beauty_conTab ul li').mouseover(function() {
            var index = $(this).index();
            $('.happy_beauty_con_1top').eq(index).addClass('happy_beauty_active').siblings().removeClass('happy_beauty_active');
        })
    </script>
</body>

</html>