审查视图

public/themes/simpleboot3/portal/index/index.html 47.0 KB
1
<!DOCTYPE html>
景龙 authored
2
<html lang="en">
3
景龙 authored
4 5
<head>
    <meta charset="UTF-8">
6
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
景龙 authored
7
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
8 9 10 11
    <title>独角星球</title>
    <link rel="stylesheet" href="__TMPL__/public/assets/css/index.css">
    <link rel="stylesheet" href="__TMPL__/public/assets/js/swiper4/swiper.min.css">
    <style>
1  
zhangwei authored
12 13 14
        .slide-image {
            width: 260px;
            height: 375px;
15
        }
1  
zhangwei authored
16 17 18
        
        .star_ming {
            cursor: pointer;
景龙 authored
19
        }
1  
zhangwei authored
20 21
        
        .swiper-container6 {
景龙 authored
22 23
            overflow: hidden;
        }
1  
zhangwei authored
24 25 26
        
        .swiper-container6 .swiper-wrapper {
            transition-duration: 1.5s !important;
27
        }
1  
zhangwei authored
28
        
29 30 31 32 33 34 35 36 37
        .mask {
            width: 100%;
            height: 100%;
            position: fixed;
            top: 0;
            z-index: 9999;
            background-color: rgba(0, 0, 0, 0.5);
            display: none;
        }
1  
zhangwei authored
38
        
39 40 41 42 43 44 45 46 47
        .mask_video {
            position: relative;
            top: 50%;
            left: 50%;
            width: 800px;
            height: 500px;
            background-color: black;
            transform: translate(-50%, -50%);
        }
1  
zhangwei authored
48
        
49 50 51 52
        .mask_video video {
            margin: auto;
            display: block;
            height: 100%;
53
            width: 100%;
54
        }
1  
zhangwei authored
55 56
        
        .mask_video .mak_videoCha {
57 58
            width: 30px;
            height: 30px;
59 60
            cursor: pointer;
            position: absolute;
61 62
            right: -25px;
            top: -27px;
63
        }
1  
zhangwei authored
64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85
        
        .mask_videoFeng {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 10;
        }
        
        .mask_videoFeng img {
            width: 100%;
            height: 100%;
        }
        
        .show_in_banner3 {
            position: absolute;
            top: 35%;
            left: 42%;
            width: 120px;
            z-index: 20;
        }
86
    </style>
景龙 authored
87
</head>
88
89
<body ondragstart="window.event.returnValue=false" oncontextmenu="window.event.returnValue=false" onselectstart="event.returnValue=false">
景龙 authored
90 91 92
    <!-- 弹框视频 -->
    <notempty name="res_djxq.video">
        <div class="mask" id="mask">
1  
zhangwei authored
93
            <div class="mask_video">
景龙 authored
94
                <img class="mak_videoCha" onclick="nos()" src="__TMPL__/public/assets/starImg/nos.png" alt="独角星球 小众目的地 旅游资讯">
1  
zhangwei authored
95
                <div class="mask_videoFeng">
景龙 authored
96
                    <img src="{:cmf_get_image_url($res_djxq.index_thumbnail)}" alt="独角星球 小众目的地 旅游资讯">
1  
zhangwei authored
97
                </div>
景龙 authored
98
                <img onclick="bofang2()" class="show_in_banner3" src="__TMPL__/public/assets/starImg/aicon_30.png" alt="独角星球 小众目的地 旅游资讯">
99
                <video controls loop="loop" id="video2" src="{:cmf_get_file_download_url($res_djxq.video)}" controlslist="nodownload"></video>
景龙 authored
100 101 102
            </div>
        </div>
    </notempty>
103 104
    <!-- 侧边 -->
    <div class="index_sidebar">
jinglong authored
105
        <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2250343976&site=qq&menu=yes">
景龙 authored
106
            <img src="__TMPL__/public/assets/starImg/aicon_24.png" alt="独角星球 小众目的地 旅游资讯">
景龙 authored
107
        </a>
景龙 authored
108
        <img class="index_scrollTop" src="__TMPL__/public/assets/starImg/aicon_25.png" alt="独角星球 小众目的地 旅游资讯">
109
    </div>
110
    <!-- 头部 -->
1  
zhangwei authored
111
    <include file="public@header" />
112
    <!-- banner -->
景龙 authored
113 114
    <div id="banner" class="swiper-container6">
        <div class="swiper-wrapper">
jinglong authored
115 116
            <volist name="coverImg" id="vo">
                <div class="swiper-slide">
景龙 authored
117
                    <img src="{:cmf_get_image_url($vo.image)}" alt="独角星球 小众目的地 旅游资讯">
jinglong authored
118 119
                </div>
            </volist>
景龙 authored
120
        </div>
121 122
        <div class="swiper-button-nextban"></div>
        <div class="swiper-button-prevban"></div>
景龙 authored
123 124 125
        <!--<div class="swiper-pagination">-->

        <!--</div>-->
126
    </div>
127
128
129 130 131
    <!-- 首页主体内容 -->
    <div id="star_main">
        <!-- 星球奇境 -->
132
        <div class="star_happy">
133 134
            <div>
                <span class="happy_title clearfix">
135
                    <p id="star">星球<i>奇境</i></p>
136 137 138
                    <p>PLANET DISCOVERY</p>
                </span>
                <em class="north clearfix">
景龙 authored
139
                    <img src="__TMPL__/public/assets/starImg/aicon_41.png" alt="独角星球 小众目的地 旅游资讯">
140 141
                    <p>北美洲</p>
                    <ul class="star_happy_box">
142 143 144 145 146
                        <notempty name="res_city.5.name">
                            <volist name="res_city.5.name" id="vo">
                                <li><a href="/portal/star/index?city_id={$vo.id}">{$vo.name}</a></li>
                            </volist>
                        </notempty>
147 148
                    </ul>
                </em>
景龙 authored
149
                <em class="beiji clearfix">
景龙 authored
150
                    <img src="__TMPL__/public/assets/starImg/aicon_41.png" alt="独角星球 小众目的地 旅游资讯">
景龙 authored
151 152
                    <p>北极</p>
                    <ul class="star_happy_box">
153 154 155 156 157
                        <notempty name="res_city.43.name">
                            <volist name="res_city.43.name" id="vo">
                                <li><a href="/portal/star/index?city_id={$vo.id}">{$vo.name}</a></li>
                            </volist>
                        </notempty>
景龙 authored
158 159
                    </ul>
                </em>
160
                <em class="south clearfix">
景龙 authored
161
                    <img src="__TMPL__/public/assets/starImg/aicon_41.png" alt="独角星球 小众目的地 旅游资讯">
景龙 authored
162
                    <p>拉丁美洲</p>
163
                    <ul class="star_happy_box">
164 165 166 167 168 169
                        <notempty name="res_city.6.name">
                            <volist name="res_city.6.name" id="vo">
                                <li><a href="/portal/star/index?city_id={$vo.id}">{$vo.name}</a></li>
                            </volist>
                        </notempty>
170 171 172
                    </ul>
                </em>
                <em class="antarctica clearfix">
景龙 authored
173
                    <img src="__TMPL__/public/assets/starImg/aicon_41.png" alt="独角星球 小众目的地 旅游资讯">
174 175
                    <p>南极洲</p>
                    <ul class="star_happy_box">
176 177 178 179 180 181
                        <notempty name="res_city.20.name">
                            <volist name="res_city.20.name" id="vo">
                                <li><a href="/portal/star/index?city_id={$vo.id}">{$vo.name}</a></li>
                            </volist>
                        </notempty>
182 183 184
                    </ul>
                </em>
                <em class="europe clearfix">
景龙 authored
185
                    <img src="__TMPL__/public/assets/starImg/aicon_41.png" alt="独角星球 小众目的地 旅游资讯">
186 187
                    <p>欧洲</p>
                    <ul class="star_happy_box">
188 189 190 191 192 193
                        <notempty name="res_city.2.name">
                            <volist name="res_city.2.name" id="vo">
                                <li><a href="/portal/star/index?city_id={$vo.id}">{$vo.name}</a></li>
                            </volist>
                        </notempty>
194 195 196
                    </ul>
                </em>
                <em class="africa clearfix">
景龙 authored
197
                    <img src="__TMPL__/public/assets/starImg/aicon_41.png" alt="独角星球 小众目的地 旅游资讯">
198 199
                    <p>非洲</p>
                    <ul class="star_happy_box">
200 201 202 203 204 205
                        <notempty name="res_city.3.name">
                            <volist name="res_city.3.name" id="vo">
                                <li><a href="/portal/star/index?city_id={$vo.id}">{$vo.name}</a></li>
                            </volist>
                        </notempty>
206 207 208
                    </ul>
                </em>
                <em class="asia clearfix">
景龙 authored
209
                    <img src="__TMPL__/public/assets/starImg/aicon_41.png" alt="独角星球 小众目的地 旅游资讯">
210 211
                    <p>亚洲</p>
                    <ul class="star_happy_box">
212 213 214 215 216 217
                        <notempty name="res_city.1.name">
                            <volist name="res_city.1.name" id="vo">
                                <li><a href="/portal/star/index?city_id={$vo.id}">{$vo.name}</a></li>
                            </volist>
                        </notempty>
218 219 220
                    </ul>
                </em>
                <em class="oceania clearfix">
景龙 authored
221
                    <img src="__TMPL__/public/assets/starImg/aicon_41.png" alt="独角星球 小众目的地 旅游资讯">
222 223
                    <p>大洋洲</p>
                    <ul class="star_happy_box">
224 225 226 227 228 229
                        <notempty name="res_city.4.name">
                            <volist name="res_city.4.name" id="vo">
                                <li><a href="/portal/star/index?city_id={$vo.id}">{$vo.name}</a></li>
                            </volist>
                        </notempty>
230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256
                    </ul>
                </em>
            </div>
        </div>
        <!-- 星享体验 -->
        <div class="star_exper">
            <div class="star_experience">
                <!-- 标题 -->
                <div class="star_title clearfix">
                    <span>
                        <p>星享<i>体验</i></p>
                        <p>STAR EXPERIENCE</p>
                    </span>
                </div>
                <!-- 内容 -->
                <div class="star_exper_main clearfix">
                    <!-- 12个月 -->
                    <!-- 一月 -->
                    <div class="star_month">
                        <div class="star_february hovers april">
                            <p>1</p>
                            <p>January</p>
                        </div>
                        <!-- 翻转后 -->
                        <div class="reverse hovers">
                            <!-- 右上角月份 -->
                            <div class="img_month">
257 258
                                <!--<p>1</p>-->
                                <!--<p>January</p>-->
259 260
                            </div>
                            <!-- 图片 -->
景龙 authored
261
                            <notempty name="res_month.1">
262
                                <div class="reverse_Imgs">
263
                                    <img src="{:cmf_get_image_url($res_month.1.index_thumbnail)}" alt="独角星球 小众目的地 旅游资讯" />
264 265
                                </div>
                                <!-- 图片下方文字 -->
景龙 authored
266
                                <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.1.id}">
267
                                    <div class="img_bottom">
景龙 authored
268 269
                                        <p>{$res_month.1.post_title}</p>
                                        <p>{$res_month.1.category_name}</p>
270 271
                                    </div>
                                </a>
272 273
                                <else/>
                                <div class="reverse_Imgs">
274
                                    <img src="__TMPL__/public/assets/starImg/aicon_28.png" alt="独角星球 小众目的地 旅游资讯" />
275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293
                                </div>
                                <!-- 图片下方文字 -->
                                <div class="img_bottom">
                                    <p>日本札幌冰雪节</p>
                                    <p>慕尼黑啤酒节</p>
                                </div>
                            </notempty>
                        </div>
                    </div>
                    <!-- 二月 -->
                    <div class="star_month  clearfix">
                        <div class="star_february hovers february">
                            <p>2</p>
                            <p>February</p>
                        </div>
                        <!-- 翻转后 -->
                        <div class="reverse hovers">
                            <!-- 右上角月份 -->
                            <div class="img_month">
294 295
                                <!--<p>2</p>-->
                                <!--<p>February</p>-->
296 297
                            </div>
                            <!-- 图片 -->
景龙 authored
298
                            <notempty name="res_month.2">
299
                                <div class="reverse_Imgs">
300
                                    <img src="{:cmf_get_image_url($res_month.2.index_thumbnail)}" alt="独角星球 小众目的地 旅游资讯" />
301 302
                                </div>
                                <!-- 图片下方文字 -->
景龙 authored
303
                                <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.2.id}">
304
                                    <div class="img_bottom">
景龙 authored
305 306
                                        <p>{$res_month.2.post_title}</p>
                                        <p>{$res_month.2.category_name}</p>
307 308
                                    </div>
                                </a>
309 310
                                <else/>
                                <div class="reverse_Imgs">
311
                                    <img src="__TMPL__/public/assets/starImg/aicon_28.png" alt="独角星球 小众目的地 旅游资讯" />
312 313 314 315 316 317 318 319
                                </div>
                                <!-- 图片下方文字 -->
                                <div class="img_bottom">
                                    <p>日本札幌冰雪节</p>
                                    <p>慕尼黑啤酒节</p>
                                </div>
                            </notempty>
                        </div>
景龙 authored
320
                        <!-- <img src="__TMPL__/public/assets/starImg/aicon_28.png" alt="独角星球 小众目的地 旅游资讯"> -->
321 322 323
                    </div>
                    <!-- 三月 -->
                    <div class="star_month  clearfix">
景龙 authored
324
                        <div class="star_february star_march february february_bg hovers" style="color:rgba(91,91,107,1);">
325 326 327 328 329 330 331
                            <p>3</p>
                            <p>March</p>
                        </div>
                        <!-- 翻转后 -->
                        <div class="reverse hovers">
                            <!-- 右上角月份 -->
                            <div class="img_month">
332 333
                                <!--<p>3</p>-->
                                <!--<p>March</p>-->
334 335
                            </div>
                            <!-- 图片 -->
景龙 authored
336
                            <notempty name="res_month.3">
337
                                <div class="reverse_Imgs">
338
                                    <img src="{:cmf_get_image_url($res_month.3.index_thumbnail)}" alt="独角星球 小众目的地 旅游资讯" />
339 340
                                </div>
                                <!-- 图片下方文字 -->
景龙 authored
341
                                <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.3.id}">
342
                                    <div class="img_bottom">
景龙 authored
343 344
                                        <p>{$res_month.3.post_title}</p>
                                        <p>{$res_month.3.category_name}</p>
345 346
                                    </div>
                                </a>
347 348
                                <else/>
                                <div class="reverse_Imgs">
349
                                    <img src="__TMPL__/public/assets/starImg/aicon_28.png" alt="独角星球 小众目的地 旅游资讯" />
350 351 352 353 354 355 356 357
                                </div>
                                <!-- 图片下方文字 -->
                                <div class="img_bottom">
                                    <p>日本札幌冰雪节</p>
                                    <p>慕尼黑啤酒节</p>
                                </div>
                            </notempty>
                        </div>
景龙 authored
358
                        <!-- <img src="__TMPL__/public/assets/starImg/aicon_28.png" alt="独角星球 小众目的地 旅游资讯"> -->
359 360 361 362

                    </div>
                    <!-- 四月 -->
                    <div class="star_month  clearfix" style="margin:0 0 10px 0">
景龙 authored
363
                        <div class="star_february aprils hovers">
364 365 366 367 368 369 370
                            <p>4</p>
                            <p>April</p>
                        </div>
                        <!-- 翻转后 -->
                        <div class="reverse hovers">
                            <!-- 右上角月份 -->
                            <div class="img_month">
371 372
                                <!--<p>4</p>-->
                                <!--<p>April</p>-->
373 374
                            </div>
                            <!-- 图片 -->
景龙 authored
375
                            <notempty name="res_month.4">
376
                                <div class="reverse_Imgs">
377
                                    <img src="{:cmf_get_image_url($res_month.4.index_thumbnail)}" alt="独角星球 小众目的地 旅游资讯" />
378 379
                                </div>
                                <!-- 图片下方文字 -->
景龙 authored
380
                                <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.4.id}">
381
                                    <div class="img_bottom">
景龙 authored
382 383
                                        <p>{$res_month.4.post_title}</p>
                                        <p>{$res_month.4.category_name}</p>
384 385
                                    </div>
                                </a>
386 387
                                <else/>
                                <div class="reverse_Imgs">
388
                                    <img src="__TMPL__/public/assets/starImg/aicon_28.png" alt="独角星球 小众目的地 旅游资讯" />
389 390 391 392 393 394 395 396
                                </div>
                                <!-- 图片下方文字 -->
                                <div class="img_bottom">
                                    <p>日本札幌冰雪节</p>
                                    <p>慕尼黑啤酒节</p>
                                </div>
                            </notempty>
                        </div>
景龙 authored
397
                        <!-- <img src="__TMPL__/public/assets/starImg/aicon_28.png" alt="独角星球 小众目的地 旅游资讯"> -->
398 399 400 401 402 403 404 405 406 407 408
                    </div>
                    <!-- 五月 -->
                    <div class="star_month  clearfix">
                        <div class="star_february may hovers">
                            <p>5</p>
                            <p>May</p>
                        </div>
                        <!-- 翻转后 -->
                        <div class="reverse hovers">
                            <!-- 右上角月份 -->
                            <div class="img_month">
409 410
                                <!--<p>5</p>-->
                                <!--<p>May</p>-->
411 412
                            </div>
                            <!-- 图片 -->
景龙 authored
413
                            <notempty name="res_month.5">
414
                                <div class="reverse_Imgs">
415
                                    <img src="{:cmf_get_image_url($res_month.5.index_thumbnail)}" alt="独角星球 小众目的地 旅游资讯" />
416 417
                                </div>
                                <!-- 图片下方文字 -->
景龙 authored
418
                                <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.5.id}">
419
                                    <div class="img_bottom">
景龙 authored
420 421
                                        <p>{$res_month.5.post_title}</p>
                                        <p>{$res_month.5.category_name}</p>
422 423
                                    </div>
                                </a>
424 425
                                <else/>
                                <div class="reverse_Imgs">
426
                                    <img src="__TMPL__/public/assets/starImg/aicon_28.png" alt="独角星球 小众目的地 旅游资讯" />
427 428 429 430 431 432 433 434 435 436 437
                                </div>
                                <!-- 图片下方文字 -->
                                <div class="img_bottom">
                                    <p>日本札幌冰雪节</p>
                                    <p>慕尼黑啤酒节</p>
                                </div>
                            </notempty>
                        </div>
                    </div>
                    <!-- 六月 -->
                    <div class="star_month clearfix">
景龙 authored
438
                        <div class="star_february star_augustss  hovers">
439 440 441 442 443 444 445
                            <p>6</p>
                            <p>June</p>
                        </div>
                        <!-- 翻转后 -->
                        <div class="reverse hovers">
                            <!-- 右上角月份 -->
                            <div class="img_month">
446 447
                                <!--<p>6</p>-->
                                <!--<p>June</p>-->
448 449
                            </div>
                            <!-- 图片 -->
景龙 authored
450
                            <notempty name="res_month.6">
451
                                <div class="reverse_Imgs">
452
                                    <img src="{:cmf_get_image_url($res_month.6.index_thumbnail)}" alt="独角星球 小众目的地 旅游资讯" />
453 454
                                </div>
                                <!-- 图片下方文字 -->
景龙 authored
455
                                <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.6.id}">
456
                                    <div class="img_bottom">
景龙 authored
457 458
                                        <p>{$res_month.6.post_title}</p>
                                        <p>{$res_month.6.category_name}</p>
459 460
                                    </div>
                                </a>
461 462
                                <else/>
                                <div class="reverse_Imgs">
463
                                    <img src="__TMPL__/public/assets/starImg/aicon_28.png" alt="独角星球 小众目的地 旅游资讯" />
464 465 466 467 468 469 470 471
                                </div>
                                <!-- 图片下方文字 -->
                                <div class="img_bottom">
                                    <p>日本札幌冰雪节</p>
                                    <p>慕尼黑啤酒节</p>
                                </div>
                            </notempty>
                        </div>
景龙 authored
472
                        <!-- <img src="__TMPL__/public/assets/starImg/aicon_28.png" alt="独角星球 小众目的地 旅游资讯"> -->
473 474 475 476 477 478 479 480 481 482 483 484

                    </div>
                    <!-- 七月 -->
                    <div class="star_month clearfix">
                        <div class="star_february hovers july">
                            <p>7</p>
                            <p>July</p>
                        </div>
                        <!-- 翻转后 -->
                        <div class="reverse hovers">
                            <!-- 右上角月份 -->
                            <div class="img_month">
485 486
                                <!--<p>7</p>-->
                                <!--<p>July</p>-->
487 488
                            </div>
                            <!-- 图片 -->
景龙 authored
489
                            <notempty name="res_month.7">
490
                                <div class="reverse_Imgs">
491
                                    <img src="{:cmf_get_image_url($res_month.7.index_thumbnail)}" alt="独角星球 小众目的地 旅游资讯" />
492 493
                                </div>
                                <!-- 图片下方文字 -->
景龙 authored
494
                                <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.7.id}">
495
                                    <div class="img_bottom">
景龙 authored
496 497
                                        <p>{$res_month.7.post_title}</p>
                                        <p>{$res_month.7.category_name}</p>
498 499
                                    </div>
                                </a>
500 501
                                <else/>
                                <div class="reverse_Imgs">
502
                                    <img src="__TMPL__/public/assets/starImg/aicon_28.png" alt="独角星球 小众目的地 旅游资讯" />
503 504 505 506 507 508 509 510
                                </div>
                                <!-- 图片下方文字 -->
                                <div class="img_bottom">
                                    <p>日本札幌冰雪节</p>
                                    <p>慕尼黑啤酒节</p>
                                </div>
                            </notempty>
                        </div>
景龙 authored
511
                        <!-- <img src="__TMPL__/public/assets/starImg/aicon_28.png" alt="独角星球 小众目的地 旅游资讯"> -->
512 513 514 515 516 517 518 519 520 521 522 523

                    </div>
                    <!-- 八月 -->
                    <div class="star_month clearfix" style="margin:0 0 10px 0">
                        <div class="star_february star_august hovers august">
                            <p>8</p>
                            <p>August</p>
                        </div>
                        <!-- 翻转后 -->
                        <div class="reverse hovers">
                            <!-- 右上角月份 -->
                            <div class="img_month">
524 525
                                <!--<p>8</p>-->
                                <!--<p>August</p>-->
526 527
                            </div>
                            <!-- 图片 -->
景龙 authored
528
                            <notempty name="res_month.8">
529
                                <div class="reverse_Imgs">
530
                                    <img src="{:cmf_get_image_url($res_month.8.index_thumbnail)}" alt="独角星球 小众目的地 旅游资讯" />
531 532
                                </div>
                                <!-- 图片下方文字 -->
景龙 authored
533
                                <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.8.id}">
534
                                    <div class="img_bottom">
景龙 authored
535 536
                                        <p>{$res_month.8.post_title}</p>
                                        <p>{$res_month.8.category_name}</p>
537 538
                                    </div>
                                </a>
539 540
                                <else/>
                                <div class="reverse_Imgs">
541
                                    <img src="__TMPL__/public/assets/starImg/aicon_28.png" alt="独角星球 小众目的地 旅游资讯" />
542 543 544 545 546 547 548 549
                                </div>
                                <!-- 图片下方文字 -->
                                <div class="img_bottom">
                                    <p>日本札幌冰雪节</p>
                                    <p>慕尼黑啤酒节</p>
                                </div>
                            </notempty>
                        </div>
景龙 authored
550
                        <!-- <img src="__TMPL__/public/assets/starImg/aicon_28.png" alt="独角星球 小众目的地 旅游资讯"> -->
551 552 553 554

                    </div>
                    <!-- 九月 -->
                    <div class="star_month clearfix">
景龙 authored
555
                        <div class="star_february star_september star_august_bg2 hovers">
556 557 558 559 560 561 562
                            <p>9</p>
                            <p>September</p>
                        </div>
                        <!-- 翻转后 -->
                        <div class="reverse hovers">
                            <!-- 右上角月份 -->
                            <div class="img_month">
563 564
                                <!--<p>9</p>-->
                                <!--<p>September</p>-->
565 566
                            </div>
                            <!-- 图片 -->
景龙 authored
567
                            <notempty name="res_month.9">
568
                                <div class="reverse_Imgs">
569
                                    <img src="{:cmf_get_image_url($res_month.9.index_thumbnail)}" alt="独角星球 小众目的地 旅游资讯" />
570 571
                                </div>
                                <!-- 图片下方文字 -->
景龙 authored
572
                                <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.9.id}">
573
                                    <div class="img_bottom">
景龙 authored
574 575
                                        <p>{$res_month.9.post_title}</p>
                                        <p>{$res_month.9.category_name}</p>
576 577
                                    </div>
                                </a>
578 579
                                <else/>
                                <div class="reverse_Imgs">
580
                                    <img src="__TMPL__/public/assets/starImg/aicon_28.png" alt="独角星球 小众目的地 旅游资讯" />
581 582 583 584 585 586 587 588 589 590 591 592 593 594 595 596 597 598 599
                                </div>
                                <!-- 图片下方文字 -->
                                <div class="img_bottom">
                                    <p>日本札幌冰雪节</p>
                                    <p>慕尼黑啤酒节</p>
                                </div>
                            </notempty>
                        </div>
                    </div>
                    <!-- 十月 -->
                    <div class="star_month clearfix">
                        <div class="star_february hovers october">
                            <p>10</p>
                            <p>October</p>
                        </div>
                        <!-- 翻转后 -->
                        <div class="reverse hovers">
                            <!-- 右上角月份 -->
                            <div class="img_month">
600 601
                                <!--<p>10</p>-->
                                <!--<p>October</p>-->
602 603
                            </div>
                            <!-- 图片 -->
景龙 authored
604
                            <notempty name="res_month.10">
605
                                <div class="reverse_Imgs">
606
                                    <img src="{:cmf_get_image_url($res_month.10.index_thumbnail)}" alt="独角星球 小众目的地 旅游资讯" />
607 608
                                </div>
                                <!-- 图片下方文字 -->
景龙 authored
609
                                <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.10.id}">
610
                                    <div class="img_bottom">
景龙 authored
611 612
                                        <p>{$res_month.10.post_title}</p>
                                        <p>{$res_month.10.category_name}</p>
613 614
                                    </div>
                                </a>
615 616
                                <else/>
                                <div class="reverse_Imgs">
617
                                    <img src="__TMPL__/public/assets/starImg/aicon_28.png" alt="独角星球 小众目的地 旅游资讯" />
618 619 620 621 622 623 624 625
                                </div>
                                <!-- 图片下方文字 -->
                                <div class="img_bottom">
                                    <p>日本札幌冰雪节</p>
                                    <p>慕尼黑啤酒节</p>
                                </div>
                            </notempty>
                        </div>
景龙 authored
626
                        <!-- <img src="__TMPL__/public/assets/starImg/aicon_28.png" alt="独角星球 小众目的地 旅游资讯"> -->
627 628 629 630

                    </div>
                    <!-- 十一月 -->
                    <div class="star_month clearfix">
景龙 authored
631
                        <div class="star_february star_November star_august_bg3 hovers">
632 633 634 635 636 637 638
                            <p>11</p>
                            <p>November</p>
                        </div>
                        <!-- 翻转后 -->
                        <div class="reverse hovers">
                            <!-- 右上角月份 -->
                            <div class="img_month">
639 640
                                <!--<p>11</p>-->
                                <!--<p>November</p>-->
641 642
                            </div>
                            <!-- 图片 -->
景龙 authored
643
                            <notempty name="res_month.11">
644
                                <div class="reverse_Imgs">
645
                                    <img src="{:cmf_get_image_url($res_month.11.index_thumbnail)}" alt="独角星球 小众目的地 旅游资讯" />
646 647
                                </div>
                                <!-- 图片下方文字 -->
景龙 authored
648
                                <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.11.id}">
649
                                    <div class="img_bottom">
景龙 authored
650 651
                                        <p>{$res_month.11.post_title}</p>
                                        <p>{$res_month.11.category_name}</p>
652 653
                                    </div>
                                </a>
654 655
                                <else/>
                                <div class="reverse_Imgs">
656
                                    <img src="__TMPL__/public/assets/starImg/aicon_28.png" alt="独角星球 小众目的地 旅游资讯" />
657 658 659 660 661 662 663 664
                                </div>
                                <!-- 图片下方文字 -->
                                <div class="img_bottom">
                                    <p>日本札幌冰雪节</p>
                                    <p>慕尼黑啤酒节</p>
                                </div>
                            </notempty>
                        </div>
景龙 authored
665
                        <!-- <img src="__TMPL__/public/assets/starImg/aicon_28.png" alt="独角星球 小众目的地 旅游资讯"> -->
666 667 668 669 670 671 672 673 674 675 676 677

                    </div>
                    <!-- 十二月 -->
                    <div class="star_month clearfix" style="margin:0 0 10px 0">
                        <div class="star_february hovers december">
                            <p>12</p>
                            <p>December</p>
                        </div>
                        <!-- 翻转后 -->
                        <div class="reverse hovers">
                            <!-- 右上角月份 -->
                            <div class="img_month">
678 679
                                <!--<p>12</p>-->
                                <!--<p>December</p>-->
680 681
                            </div>
                            <!-- 图片 -->
景龙 authored
682
                            <notempty name="res_month.12">
683
                                <div class="reverse_Imgs">
684
                                    <img src="{:cmf_get_image_url($res_month.12.index_thumbnail)}" alt="独角星球 小众目的地 旅游资讯" />
685 686
                                </div>
                                <!-- 图片下方文字 -->
景龙 authored
687
                                <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.12.id}">
688
                                    <div class="img_bottom">
景龙 authored
689 690
                                        <p>{$res_month.12.post_title}</p>
                                        <p>{$res_month.12.category_name}</p>
691 692
                                    </div>
                                </a>
693 694
                                <else/>
                                <div class="reverse_Imgs">
695
                                    <img src="__TMPL__/public/assets/starImg/aicon_28.png" alt="独角星球 小众目的地 旅游资讯" />
696 697 698 699 700 701 702 703
                                </div>
                                <!-- 图片下方文字 -->
                                <div class="img_bottom">
                                    <p>日本札幌冰雪节</p>
                                    <p>慕尼黑啤酒节</p>
                                </div>
                            </notempty>
                        </div>
景龙 authored
704
                        <!-- <img src="__TMPL__/public/assets/starImg/aicon_28.png" alt="独角星球 小众目的地 旅游资讯"> -->
705 706 707 708 709 710 711 712 713 714 715 716 717 718 719 720 721 722

                    </div>
                </div>
            </div>
        </div>
        <!-- 星域秀场 -->
        <div class="star_stage">
            <div class="star_planet">
                <!-- 标题 -->
                <div class="star_title clearfix">
                    <span>
                        <p>星域<i>秀场</i></p>
                        <p> PLANET STAGE</p>
                    </span>
                </div>
                <!-- 视频 -->
                <div class="star_video">
                    <notempty name="res_xqyy">
景龙 authored
723
                        <video id="video" width="100%" height="675" src="/portal/index/getVideoById?id={$res_xqyy.id}" controlsList="nodownload"></video>
景龙 authored
724
                        <img class="show_in_poster" src="{:cmf_get_image_url($res_xqyy.index_thumbnail)}" alt="独角星球 小众目的地 旅游资讯">
725
                        <else/>
1  
zhangwei authored
726
                        <video id="video" width="100%" height="675" src="__TMPL__//public/assets/starImg/video.mp4" controlsList="nodownload"></video>
景龙 authored
727
                        <img class="show_in_poster" src="__TMPL__/public/assets/starImg/bicon_34.png" alt="独角星球 小众目的地 旅游资讯">
728
                    </notempty>
景龙 authored
729
                    <img onclick="bofang()" class="show_in_banner2" src="__TMPL__/public/assets/starImg/aicon_30.png" alt="独角星球 小众目的地 旅游资讯">
730
                </div>
731 732 733 734 735 736 737 738
                <!-- 更多按钮 -->
                <div class="star_gall_more">
                    <a href="/portal/region/getMoreVideo">MORE+</a>
                </div>



739
                <!-- 人物简介 -->
景龙 authored
740 741 742 743 744 745
                <notempty name="res_mxft">
                    <!-- 标题 -->
                    <div class="star_personal clearfix star_ming">
                        <div class="star_title clearfix">
                            <span>
                                <p>明星<i>访谈</i></p>
景龙 authored
746
                                <p>STAR INTERVIEW</p>
景龙 authored
747 748 749 750 751
                            </span>
                        </div>
                        <!-- 左侧头像 -->
                        <input type="hidden" id="star_id" value="{$res_mxft.id}">
                        <div class="personal_left">
景龙 authored
752
                            <img src="{:cmf_get_image_url($res_mxft.avatar)}" alt="独角星球 小众目的地 旅游资讯">
景龙 authored
753 754 755
                        </div>
                        <!-- 右侧简介 -->
                        <div class="personal_right clearfix">
景龙 authored
756
                            <img src="__TMPL__/public/assets/starImg/aicon_32.png" alt="独角星球 小众目的地 旅游资讯">
景龙 authored
757 758 759 760 761 762 763 764 765 766 767 768 769
                            <!-- 人物简介 -->
                            <div class="personal_synopsis">
                                <!-- 姓名 -->
                                <div class="personal_name">
                                    <p>{$res_mxft.full_name}</p>
                                    <p>{$res_mxft.position} {$res_mxft.trade}</p>
                                </div>
                                <!-- 叙述 -->
                                <div class="personal_narration">
                                    <p>
                                        {$res_mxft.post_excerpt}
                                    </p>
                                </div>
770 771 772
                            </div>
                        </div>
                    </div>
773 774 775 776
                    <!-- 更多按钮 -->
                    <div class="star_gall_more">
                        <a href="/portal/region/getMoreStar">MORE+</a>
                    </div>
景龙 authored
777
                </notempty>
778 779 780 781 782 783 784 785 786 787 788 789 790 791 792 793
            </div>
        </div>
        <!-- 星域画廊 -->
        <div class="star_gallery">
            <div class="star_gall">
                <!-- 标题 -->
                <div class="star_title clearfix">
                    <span>
                        <p>星域<i>画廊</i></p>
                        <p> PLANET GALLERY</p>
                    </span>
                </div>
                <!-- 图片 -->
                <div class="star_gall_img swiper-container">
                    <!-- 轮播图 -->
                    <ul class="swiper-wrapper">
794 795 796 797
                        <notempty name="res_xyhl">
                            <volist name="res_xyhl" id="vo">
                                <li class="swiper-slide">
                                    <a href="/portal/region/getGalleryDetail?id={$vo.id}">
景龙 authored
798
                                        <img class="swiper-slide slide-image" src="{:cmf_get_image_url($vo.thumbnail)}" alt="独角星球 小众目的地 旅游资讯">
799 800 801 802
                                    </a>
                                </li>
                            </volist>
                        </notempty>
803 804
                    </ul>
                    <!-- 左右按钮 -->
805
                    <!--<div class="swiper-button-next">-->
806
807 808
                    <!--</div>-->
                    <!--<div class="swiper-button-prev ">-->
809
810
                    <!--</div>-->
811 812 813
                </div>
                <!-- 更多按钮 -->
                <div class="star_gall_more">
景龙 authored
814
                    <a href="/portal/region/getMoreGallery">MORE+</a>
815 816 817 818 819 820 821 822 823 824 825 826 827 828 829 830 831
                </div>
            </div>
        </div>
        <!-- 星探推荐 -->
        <div class="star_gallery">
            <div class="star_gall">
                <!-- 标题 -->
                <div class="star_title clearfix">
                    <span>
                            <p>星探<i>推荐</i></p>
                            <p> STAR RECOMMENDATION</p>
                        </span>
                </div>
                <!-- 图片 -->
                <div class="star_gall_img swiper-container2">
                    <!-- 轮播图 -->
                    <ul class="swiper-wrapper">
832 833 834 835
                        <notempty name="res_xttj">
                            <volist name="res_xttj" id="vo">
                                <li class="swiper-slide scout_box">
                                    <div class="scout_image">
景龙 authored
836
                                        <img src="{:cmf_get_image_url($vo.index_thumbnail)}" alt="独角星球 小众目的地 旅游资讯">
837 838 839 840 841 842 843 844 845 846 847 848 849 850
                                    </div>
                                    <empty name="vo.place">
                                        <a href="/portal/scout/getSceneryDetail?id={$vo.id}">
                                            <else />
                                            <a href="/portal/scout/getTravelDetail?id={$vo.id}">
                                    </empty>
                                    <h1>
                                        {$vo.post_title}
                                    </h1>
                                    <p>¥{$vo.price}</p>
                                    </a>
                                </li>
                            </volist>
                        </notempty>
851 852
                    </ul>
                    <!-- 左右按钮 -->
853
                    <!--<div class="swiper-button-next2">-->
854
855 856
                    <!--</div>-->
                    <!--<div class="swiper-button-prev2">-->
857
858
                    <!--</div>-->
859
                </div>
860 861 862 863
                <!-- 更多按钮 -->
                <div class="star_gall_more">
                    <a href="/portal/scout/index">MORE+</a>
                </div>
864 865 866
            </div>
        </div>
        <!-- 星际活动 -->
867 868 869 870
        <notempty name="res_xjhd">
            <div class="star_activity">
                <!-- 标题 -->
                <div class="star_title clearfix">
1  
zhangwei authored
871
                    <span>
872 873 874
                    <p>星际<i>活动</i></p>
                    <p>PLANET ACTIVITY</p>
                </span>
875 876 877 878 879 880
                </div>
                <!-- 内容 -->
                <div class="star_activity_con">
                    <ul class="clearfix xjhd">
                        <volist name="res_xjhd" id="vo">
                            <li>
景龙 authored
881
                                <img style="width:590px;height:590px;" src="{:cmf_get_image_url($vo.thumbnail)}" alt="独角星球 小众目的地 旅游资讯">
882 883 884 885 886
                                <p>{$vo.post_title}</p>
                            </li>
                        </volist>
                    </ul>
                </div>
887
            </div>
888
        </notempty>
889 890
    </div>
1  
zhangwei authored
891
    <include file="public@footer" />
892 893
    <script src="__TMPL__/public/assets/js/jquery-3.2.1.min.js"></script>
    <script src="__TMPL__/public/assets/js/swiper4/swiper.min.js"></script>
景龙 authored
894
    <script src="__TMPL__/public/assets/js/public.js"></script>
895
    <script>
896
        // 弹框视频
1  
zhangwei authored
897
        $('.mask').css('display', 'block');
898 899

        var video2 = document.getElementById("video2"); //获取ID 
900
        var mask = document.getElementById("mask");
1  
zhangwei authored
901
902
        function nos() {
903 904
            mask.style.display = "none";
            video2.pause();
905
        }
906 907 908 909
        // 禁止下载
        $('video').bind('contextmenu', function() {
            return false;
        });
910 911 912 913 914 915 916 917 918 919 920 921 922 923
        // 点击返回头部
        $(window).scroll(function() {
            if ($(window).scrollTop() > 2000) {
                $('.index_scrollTop').fadeIn();
            } else {
                $('.index_scrollTop').fadeOut();
            }
        })
        $('.index_scrollTop').click(function() {
            $('html,body').animate({
                scrollTop: 0
            }, 'slow')
        });
924
        // 星球奇景
925 926 927 928
        $('.star_happy em').hover(function() {
            if ($(this).children('img').attr('src') == "__TMPL__/public/assets/starImg/aicon_41.png") {
                $(this).children('img').attr('src', "__TMPL__/public/assets/starImg/aicon_42.png");
                $(this).children('.star_happy_box').show();
景龙 authored
929
            } else {
930 931
                $(this).children('img').attr('src', "__TMPL__/public/assets/starImg/aicon_41.png");
                $(this).children('.star_happy_box').hide();
景龙 authored
932 933
            }
        });
1  
zhangwei authored
934
        // tab切换
935 936 937
        $('.star_happy_box li').click(function() {
            $(this).addClass('active').siblings().removeClass('active');
        });
景龙 authored
938 939
        $('.star_ming').click(function() {
            var id = $('#star_id').val();
1  
zhangwei authored
940
            window.location.href = '/portal/region/getStarDetail?id=' + id;
景龙 authored
941
        });
942
        // swiper
1  
zhangwei authored
943
        //        banner
景龙 authored
944 945 946


        var swiper = new Swiper('.swiper-container6', {
947
            slidesPerView: 1,
景龙 authored
948
            spaceBetween: 0,
景龙 authored
949 950
            centeredSlides: true,
            autoplay: {
951
                delay: 4000,
景龙 authored
952 953
                disableOnInteraction: false,
            },
954 955 956 957
            navigation: {
                nextEl: '.swiper-button-nextban',
                prevEl: '.swiper-button-prevban'
            }
景龙 authored
958 959 960
        });

961 962 963 964 965 966 967 968 969 970 971 972 973 974 975 976 977 978 979
        var swiper = new Swiper('.swiper-container', {
            slidesPerView: 4,
            spaceBetween: 53,
            pagination: {
                el: '.swiper-pagination',
                clickable: true,
            },
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
        });
        //星探推荐 swiper
        var swiper = new Swiper('.swiper-container2', {
            slidesPerView: 4,
            spaceBetween: 14,
            pagination: {
                el: '.swiper-pagination',
                clickable: true,
景龙 authored
980
            },
981 982 983 984 985 986 987
            navigation: {
                nextEl: '.swiper-button-next2',
                prevEl: '.swiper-button-prev2',
            },
        });
        // 星域秀场视频
        var video = document.getElementById("video");
1  
zhangwei authored
988
        var video2 = document.getElementById("video2");
989 990 991

        function bofang() {
            video.play();
992
            $('#video').attr('controls', 'controls');
993
            $('.show_in_banner2').hide();
景龙 authored
994
            $('.show_in_poster').hide();
995
        }
996
1  
zhangwei authored
997 998 999 1000 1001 1002
        function bofang2() {
            video2.play();
            $('#video2').attr('controls', 'controls');
            $('.show_in_banner3').hide();
            $('.mask_videoFeng').hide();
        }
1003 1004 1005 1006
    </script>
</body>

</html>