审查视图

public/themes/simpleboot3/portal/enjoy/index.html 13.5 KB
1 2 3 4 5 6 7 8 9 10 11
<!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/enjoyment.css">
    <link rel="stylesheet" href="__TMPL__/public/assets/css/enjoyment_index.css">
    <link rel="stylesheet" href="__TMPL__/public/assets/js/swiper4/swiper.min.css">
景龙 authored
12 13 14 15 16
    <style>
        /*.Spot_main .swiper-slide-next .Spot_top img {*/
            /*width: 625px;*/
            /*height: 648px;*/
        /*}*/
17
        .Walker_main .Spot_items,.Walker_main .swiper-slide-prev,.Walker_main .swiper-slide-prev .Spot_item img {
景龙 authored
18 19
             max-width: 1200px;
        }
20
        .Spot_main .swiper-slide-next .Spot_top img {
21
            width: 648px;
22 23
            height: 648px;
        }
24 25 26
        .Spot_item, .swiper-slide-prev, .swiper-slide-prev .Spot_item img {
            max-width: 648px;
        }
景龙 authored
27
    </style>
28 29 30 31 32
</head>

<body>
<include file="public@header"/>
<div class="banner">
jinglong authored
33 34 35
    <volist name="coverImg" id="vo">
        <img src="{:cmf_get_image_url($vo.image)}" alt="">
    </volist>
36 37 38 39
</div>
<main>
    <div class="container">
        <div class="region">
景龙 authored
40 41 42 43 44 45 46 47
            <!--<select name="city_id">-->
                <!--<option value="0">所有</option>-->

                <!--<volist name="city_name" id="vo">-->
                    <!--<option value="{$vo.id}" <eq name="$vo.id" value="$city_id">selected</eq>>{$vo.name}</option>-->
                <!--</volist>-->
            <!--</select>-->
            <div class="select">
48 49 50 51
                <input type="hidden" value="{$cityName}" id="cityName">
                <form method="GET" action="/portal/enjoy/index">
                    <input class="show_city" type="text" value="所有" readonly="readonly">
                    <img src="__TMPL__/public/assets/starImg/down.png" alt="">
52
                    <ul style="min-height:138px;max-height:300px;overflow-y: scroll;width:240px;">
53 54 55 56 57 58 59 60 61 62
                        <li>所有</li>
                        <volist name="city_name" id="vo">
                            <li value="{$vo.id}">{$vo.name}</li>
                        </volist>
                    </ul>
                    <input type="hidden" value="0" name="city_id" id="city_id">
                    <div style="display:none;">
                        <input type="submit" id="city_submit"/>
                    </div>
                </form>
景龙 authored
63
            </div>
64 65
        </div>
        <!--亲临现场-->
jinglong authored
66
        <div class="Spot" id="own">
67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89
            <div class="Spot_title clearfix">
                <div class="Spot_icon fl">
                    <img src="__TMPL__/public/assets/starImg/aicon_61.png" alt="">
                </div>
                <div class="Spot_name fl">
                    <div class="Spot_name_left fl">
                        亲临
                    </div>
                    <div class="Spot_name_right fl">
                        现场
                    </div>
                </div>
                <div class="Spot_English_name fl">
                    <p>On Spot</p>
                </div>
            </div>
            <div class="Spot_main">
                <div class="swiper-container swiper-no-swiping">
                    <div class="swiper-wrapper">
                        <volist name="res_qlxc" id="vo">
                            <div class="swiper-slide">
                                <div class="Spot_item">
                                    <a href="/portal/enjoy/getEnjoyDetail?id={$vo.id}">
90
                                        <div class="Spot_top"><img style="max-width: 648px;" src="{:cmf_get_image_url($vo.thumbnail)}" alt=""></div>
91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110
                                        <div class="Spot_bottom">
                                            <div class="Spot_bottom_title">
                                                {$vo.post_title}
                                            </div>
                                            <div class="Spot_bottom_main">
                                                {$vo.post_excerpt}
                                            </div>
                                        </div>
                                    </a>
                                </div>
                            </div>
                        </volist>
                    </div>
                </div>

                <div class="swiper-button-next"></div>
                <div class="swiper-button-prev"></div>
            </div>
        </div>
        <!--市井漫游-->
jinglong authored
111
        <div class="Walker" id="roam">
112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135
            <div class="Spot_title clearfix">
                <div class="Spot_icon fl">
                    <img src="__TMPL__/public/assets/starImg/aicon_62.png" alt="">
                </div>
                <div class="Spot_name fl">
                    <div class="Spot_name_left fl">
                        市井
                    </div>
                    <div class="Spot_name_right fl">
                        漫游
                    </div>
                </div>
                <div class="Spot_English_name fl">
                    <p>Local Walker</p>
                </div>
            </div>
            <div class="Walker_main">
                <div class="swiper-container swiper-no-swiping">
                    <div class="swiper-wrapper">
                        <volist name="res_sjmy" id="vo">
                            <div class="swiper-slide">
                                <div class="Walker_item clearfix">
                                    <a href="/portal/enjoy/getEnjoyDetail?id={$vo.id}">
                                        <div class="Walker_item_left fl">
景龙 authored
136
                                            <img src="{:cmf_get_image_url($vo.index_thumbnail2)}" alt="">
137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161
                                        </div>
                                        <div class="Walker_item_right fr">
                                            <div class="Walker_item_right_top">
                                                <div class="Walker_item_right_top_title">
                                                    {$vo.post_title}
                                                </div>
                                                <div class="Walker_item_right_top_main">
                                                    {$vo.post_excerpt}
                                                </div>
                                            </div>
                                            <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
                                        </div>
                                    </a>
                                </div>
                            </div>
                        </volist>
                    </div>

                </div>

            </div>
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
        </div>
        <!--视听盛宴-->
jinglong authored
162
        <div class="Feast" id="feast">
163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190
            <div class="Spot_title clearfix">
                <div class="Spot_icon fl">
                    <img src="__TMPL__/public/assets/starImg/aicon_64.png" alt="">
                </div>
                <div class="Spot_name fl">
                    <div class="Spot_name_left fl">
                        视听
                    </div>
                    <div class="Spot_name_right fl">
                        盛宴
                    </div>
                </div>
                <div class="Spot_English_name fl">
                    <p>Sense Feast</p>
                </div>
            </div>
            <div class="Feast_main">
                <div class="swiper-container swiper-no-swiping">
                    <div class="swiper-wrapper">
                        <volist name="res_stsy" id="vo">
                            <div class="swiper-slide">
                                <div class="Feast_item">
                                    <a href="/portal/enjoy/getEnjoyDetail?id={$vo.id}">
                                        <div class="Feast_item_img">
                                            <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
                                        </div>
                                        <div class="Feast_item_bottom">
                                            <div class="Feast_item_bottom_title">
景龙 authored
191 192 193 194 195 196 197 198 199 200
                                                {$vo.post_title}
                                            </div>
                                            <div class="Feast_item_bottom_text">
                                                {$vo.post_excerpt}
                                            </div>
                                        </div>
                                    </a>
                                </div>
                            </div>
                        </volist>
201 202 203 204 205 206 207 208 209
                    </div>
                    <!-- Add Pagination -->
                    <div class="swiper-pagination"></div>
                </div>
            </div>
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
        </div>
        <!--户外天堂-->
jinglong authored
210
        <div class="Sport" id="sky">
211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237

            <div class="Spot_title clearfix">
                <div class="Spot_icon fl">
                    <img src="__TMPL__/public/assets/starImg/aicon_65.png" alt="">
                </div>
                <div class="Spot_name fl">
                    <div class="Spot_name_left fl">
                        户外
                    </div>
                    <div class="Spot_name_right fl">
                        天堂
                    </div>
                </div>
                <div class="Spot_English_name fl">
                    <p>Outdoor & Sport</p>
                </div>
            </div>
            <div class="Sport_main">
                <div class="swiper-container swiper-no-swiping">
                    <div class="swiper-wrapper">
                        <volist name="res_hwtt" id="vo">
                            <div class="swiper-slide">
                                <div class="Spot_item">
                                    <a href="/portal/enjoy/getEnjoyDetail?id={$vo.id}">
                                        <div class="Spot_top main_top"><img src="{:cmf_get_image_url($vo.thumbnail)}" alt=""></div>
                                        <div class="Spot_bottom">
                                            <div class="Spot_bottom_title">
景龙 authored
238 239
                                                {$vo.post_title}
                                            </div>
240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263
                                            <div class="Spot_bottom_main main_left">
                                                {$vo.post_excerpt}
                                            </div>
                                        </div>
                                    </a>
                                </div>
                            </div>
                        </volist>
                    </div>
                </div>
            </div>

            <!-- Add Arrows -->
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></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>
264 265 266 267 268 269
    $(function(){
        var value = $('#cityName').val();
        if(value != ''){
            $('.show_city').val(value);
        }else{
            $('.show_city').val('所有');
景龙 authored
270 271
        }
272 273 274 275 276 277 278 279
        $('.select input').click(function() {
            if ($(this).next('img').attr('src') == "__TMPL__/public/assets/starImg/down.png") {
                $(this).next('img').attr('src', "__TMPL__/public/assets/starImg/up.png")
                $('.select ul').toggle();
            } else {
                $(this).next('img').attr('src', "__TMPL__/public/assets/starImg/down.png")
                $('.select ul').toggle();
            }
景龙 authored
280
281
        });
景龙 authored
282
283 284 285 286 287
        //点击下拉框事件
        $('.select ul li').click(function() {
            $('.show_city').val($(this).text());
            $('.select ul').hide();
            var index = $(this).index();
景龙 authored
288
289 290
            $('#city_id').val($(this).val());
            $('.curren').eq(index).addClass('video_active').siblings().removeClass('video_active');
景龙 authored
291
292 293
            $('form').submit();
        });
294
295 296 297 298 299 300 301
        var swiper = new Swiper('.Spot_main .swiper-container', {
            slidesPerView: 2,
            spaceBetween: 50,
            navigation: {
                nextEl: '.Spot_main .swiper-button-next',
                prevEl: '.Spot_main .swiper-button-prev',
            },
302
303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325
        });
        var swipe = new Swiper('.Walker_main .swiper-container', {
            navigation: {
                nextEl: '.Walker .swiper-button-next',
                prevEl: '.Walker .swiper-button-prev',
            },
        });
        var swi = new Swiper('.Feast .swiper-container', {
            slidesPerView: 3,
            spaceBetween: 50,
            navigation: {
                nextEl: '.Feast .swiper-button-next',
                prevEl: '.Feast .swiper-button-prev',
            },

        });
        var sw = new Swiper('.Sport .swiper-container', {
            slidesPerView: 2,
            spaceBetween: 50,
            navigation: {
                nextEl: '.Sport .swiper-button-next',
                prevEl: '.Sport .swiper-button-prev',
            },
326
327
        });
328 329 330 331 332 333
    });

</script>
</body>

</html>