审查视图

public/themes/simpleboot3_mobile/portal/index/index.html 40.6 KB
景龙 authored
1 2 3
<!DOCTYPE html>
<html lang="en">
4 5 6 7 8 9 10 11
<head>
    <meta charset="UTF-8" />
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link rel="stylesheet" type="text/css" href="__TMPL__/public/assets/css/swiper-3.4.2.min.css" />
    <link rel="stylesheet" type="text/css" href="__TMPL__/public/assets/css/base.css" />
    <link rel="stylesheet" type="text/css" href="__TMPL__/public/assets/css/index.css" />
    <title>首页</title>
景龙 authored
12
    <style>
13 14 15 16
        .video_bg {
            width: 100%;
            height: 3.86rem;
            background-color: black;
景龙 authored
17
        }
zhangwei authored
18
        
19 20
        .video_bg {
            position: relative;
景龙 authored
21
        }
zhangwei authored
22
        
23 24
        .fm_IMG {
            position: absolute;
景龙 authored
25
            width: 100%;
26 27 28
            height: 100%;
            top: 0;
            left: 0;
景龙 authored
29
        }
zhangwei authored
30
        
31 32 33
        .fm_IMG img {
            width: 100%;
            height: 100%;
景龙 authored
34
        }
zhangwei authored
35
        
36 37
        .indeX_Hl ul li {
            height: 3.88rem
景龙 authored
38
        }
zhangwei authored
39
        
40 41
        .indeX_Hl img {
            height: 100%;
景龙 authored
42
        }
1  
zhangwei authored
43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66
        
        .vi_fengm {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
        }
        
        .vi_fengm img {
            width: 100%;
            height: 100%;
        }
        
        .video_start99 {
            position: absolute;
            top: 34%;
            left: 43%;
        }
        
        .video_start99 img {
            width: 1rem;
            height: 1rem;
        }
景龙 authored
67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83
        video::-internal-media-controls-download-button {

            display:none;

        }

        video::-webkit-media-controls-enclosure {

            overflow:hidden;

        }

        video::-webkit-media-controls-panel {

            width: calc(100% + 50px);

        }
景龙 authored
84 85 86
    </style>
</head>
87
<body>
景龙 authored
88 89 90
    <notempty name="res_djxq.video">
        <div class="vi_maks" id="mask">
            <div class="vi_video">
1  
zhangwei authored
91 92
                <video src="{:cmf_get_file_download_url($res_djxq.video)}" id="video2" style="height: 3.4rem;width: 100%;" controls controlslist="nodownload"></video>
                <div class="vi_fengm">
景龙 authored
93
                    <img src="{:cmf_get_image_url($res_djxq.index_thumbnail)}" alt="独角星球 小众目的地 旅游资讯">
1  
zhangwei authored
94 95
                </div>
                <div class="video_start99">
景龙 authored
96
                    <img onclick="bofang2()" src="__TMPL__/public/assets/images/aicon_30.png" alt="独角星球 小众目的地 旅游资讯">
1  
zhangwei authored
97
                </div>
景龙 authored
98
                <img class="vi_Img" src="__TMPL__/public/assets/images/nos.png" alt="独角星球 小众目的地 旅游资讯" />
景龙 authored
99
            </div>
zhangwei authored
100
        </div>
景龙 authored
101
    </notempty>
102
    <!-- 顶部导航 -->
zhangwei authored
103
    <include file="public@header" />
104 105 106 107
    <div class="top">
        <div class="top_img swiper-container4">
            <div class="swiper-wrapper">
                <volist name="coverImg" id="vo">
景龙 authored
108
                    <img class="swiper-slide" src="{:cmf_get_image_url($vo.image)}" alt="独角星球 小众目的地 旅游资讯" />
109
                </volist>
景龙 authored
110
            </div>
111 112 113
        </div>
        <div class="top_earth">
            <div class="top_circle">
景龙 authored
114
                <img src="__TMPL__/public/assets/images/cicon_04@2x.png" alt="独角星球 小众目的地 旅游资讯" />
景龙 authored
115
            </div>
116 117 118 119
            <div class="top_state" style="top:0.8rem;" id="star">
                <div class="top_state_title">
                    <div class="top_state_ch">星球<span>奇境</span>
                    </div>
景龙 authored
120
                    <div class="top_state_en">PLANET DISCOVERY</div>
121 122 123
                </div>
            </div>
            <div class="top_state_address">
zhangwei authored
124 125
                <div class="state_north_ame statr_99">
                    <div class="state_img">
景龙 authored
126
                        <img src="__TMPL__/public/assets/images/cicon_05@2x.png" alt="独角星球 小众目的地 旅游资讯" />
zhangwei authored
127 128 129 130
                    </div>
                    <div class="state_state_name">
                        <span>北极</span>
                        <ul class="star_happy_box">
景龙 authored
131 132
                            <notempty name="res_city.43.name">
                                <volist name="res_city.43.name" id="vo">
zhangwei authored
133 134 135 136 137 138
                                    <li><a href="/portal/star/index?city_id={$vo.id}">{$vo.name}</a></li>
                                </volist>
                            </notempty>
                        </ul>
                    </div>
                </div>
139 140
                <div class="state_north_ame statr_one">
                    <div class="state_img">
景龙 authored
141
                        <img src="__TMPL__/public/assets/images/cicon_05@2x.png" alt="独角星球 小众目的地 旅游资讯" />
142 143 144 145 146 147 148 149 150 151 152 153 154 155
                    </div>
                    <div class="state_state_name">
                        <span>北美洲</span>
                        <ul class="star_happy_box">
                            <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>
                        </ul>
                    </div>
                </div>
                <div class="state_north_ame statr_two">
                    <div class="state_img">
景龙 authored
156
                        <img src="__TMPL__/public/assets/images/cicon_05@2x.png" alt="独角星球 小众目的地 旅游资讯" />
157 158 159 160 161 162 163 164 165 166 167 168 169 170
                    </div>
                    <div class="state_state_name">
                        <span>欧洲</span>
                        <ul class="star_happy_box">
                            <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>
                        </ul>
                    </div>
                </div>
                <div class="state_north_ame statr_three">
                    <div class="state_img">
景龙 authored
171
                        <img src="__TMPL__/public/assets/images/cicon_05@2x.png" alt="独角星球 小众目的地 旅游资讯" />
172 173 174 175 176 177 178 179 180 181 182 183 184 185
                    </div>
                    <div class="state_state_name">
                        <span>亚洲</span>
                        <ul class="star_happy_box">
                            <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>
                        </ul>
                    </div>
                </div>
                <div class="state_north_ame statr_four">
                    <div class="state_img">
景龙 authored
186
                        <img src="__TMPL__/public/assets/images/cicon_05@2x.png" alt="独角星球 小众目的地 旅游资讯" />
187 188 189 190 191 192 193 194 195 196 197 198 199 200
                    </div>
                    <div class="state_state_name">
                        <span>拉丁美洲</span>
                        <ul class="star_happy_box">
                            <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>
                        </ul>
                    </div>
                </div>
                <div class="state_north_ame statr_five">
                    <div class="state_img">
景龙 authored
201
                        <img src="__TMPL__/public/assets/images/cicon_05@2x.png" alt="独角星球 小众目的地 旅游资讯" />
202 203 204 205 206 207 208 209 210 211 212 213 214 215
                    </div>
                    <div class="state_state_name">
                        <span>非洲</span>
                        <ul class="star_happy_box">
                            <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>
                        </ul>
                    </div>
                </div>
                <div class="state_north_ame statr_six">
                    <div class="state_img">
景龙 authored
216
                        <img src="__TMPL__/public/assets/images/cicon_05@2x.png" alt="独角星球 小众目的地 旅游资讯" />
217 218 219 220 221 222 223 224 225 226 227 228 229 230
                    </div>
                    <div class="state_state_name">
                        <span>大洋洲</span>
                        <ul class="star_happy_box">
                            <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>
                        </ul>
                    </div>
                </div>
                <div class="state_north_ame statr_seven">
                    <div class="state_img">
景龙 authored
231
                        <img src="__TMPL__/public/assets/images/cicon_05@2x.png" alt="独角星球 小众目的地 旅游资讯" />
232 233 234 235 236 237 238 239 240 241 242 243
                    </div>
                    <div class="state_state_name">
                        <span>南极洲</span>
                        <ul class="star_happy_box">
                            <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>
                        </ul>
                    </div>
                </div>
景龙 authored
244 245 246
            </div>
        </div>
    </div>
247 248 249 250 251
    <!-- 星享体验 -->
    <div class="center">
        <div class="center_title">
            <div class="top_state_ch">星享<span>体验</span></div>
            <div class="top_state_en">
景龙 authored
252
                STAR EXPERIENCE
253 254 255 256 257 258 259 260 261 262 263 264 265 266
            </div>
        </div>
        <div class="center_card">
            <!-- 1月 -->
            <div class="center_card_bg">
                <!-- 翻转前 -->
                <div class="center_card_bg2  center_card_Img1 hovers">
                    <div class="center_card_two_contant">
                        <div class="center_card_two_top center_color">1</div>
                        <div class="center_card_two_bottom center_color">January</div>
                    </div>
                </div>
                <!-- 翻转后 -->
                <div class=" reverse hovers">
景龙 authored
267 268
                    <notempty name="res_month.1">
                        <div class="center_card_img">
景龙 authored
269
                            <img src="{:cmf_get_image_url($res_month.1.index_thumbnail)}" alt="独角星球 小众目的地 旅游资讯" />
270
                        </div>
景龙 authored
271 272 273 274
                        <div class="center_card_month">
                            <div class="center_card_one"><span></span></div>
                            <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.1.id}">
                                <div class="center_card_cantant">
1  
zhangwei authored
275
                                    <div class="center_card_catant_one txt-cut">{$res_month.1.post_title}</div>
景龙 authored
276 277 278 279 280 281
                                    <div class="center_card_catant_two">{$res_month.1.category_name}</div>
                                </div>
                            </a>
                        </div>
                    </notempty>
282 283 284 285 286 287 288 289 290 291 292 293 294
                </div>
            </div>
            <!-- 二月 -->
            <div class="center_card_bg">
                <!-- 翻转前 -->
                <div class="center_card_bg2  center_card_two2 hovers">
                    <div class="center_card_two_contant">
                        <div class="center_card_two_top">2</div>
                        <div class="center_card_two_bottom">February</div>
                    </div>
                </div>
                <!-- 翻转后 -->
                <div class=" reverse hovers">
景龙 authored
295 296
                    <notempty name="res_month.2">
                        <div class="center_card_img">
景龙 authored
297
                            <img src="{:cmf_get_image_url($res_month.2.index_thumbnail)}" alt="独角星球 小众目的地 旅游资讯" />
景龙 authored
298 299 300 301 302
                        </div>
                        <div class="center_card_month">
                            <div class="center_card_one"><span></span></div>
                            <div class="center_card_cantant">
                                <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.2.id}">
1  
zhangwei authored
303
                                    <div class="center_card_catant_one txt-cut">{$res_month.2.post_title}</div>
景龙 authored
304 305 306 307
                                    <div class="center_card_catant_two">
                                        {$res_month.2.category_name}
                                    </div>
                                </a>
308 309
                            </div>
                        </div>
景龙 authored
310
                    </notempty>
311 312 313 314 315 316 317 318 319 320 321 322 323
                </div>
            </div>
            <!-- 三月 -->
            <div class="center_card_bg">
                <!-- 翻转前 -->
                <div class="center_card_bg2  center_card_Img2 hovers">
                    <div class="center_card_two_contant">
                        <div class="center_card_two_top center_color">3</div>
                        <div class="center_card_two_bottom center_color">March</div>
                    </div>
                </div>
                <!-- 翻转后 -->
                <div class=" reverse hovers">
景龙 authored
324 325
                    <notempty name="res_month.3">
                        <div class="center_card_img">
景龙 authored
326
                            <img src="{:cmf_get_image_url($res_month.3.index_thumbnail)}" alt="独角星球 小众目的地 旅游资讯" />
景龙 authored
327 328 329 330 331
                        </div>
                        <div class="center_card_month">
                            <div class="center_card_one"><span></span></div>
                            <div class="center_card_cantant">
                                <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.3.id}">
1  
zhangwei authored
332
                                    <div class="center_card_catant_one txt-cut">{$res_month.3.post_title}</div>
景龙 authored
333 334 335 336
                                    <div class="center_card_catant_two">
                                        {$res_month.3.category_name}
                                    </div>
                                </a>
337 338
                            </div>
                        </div>
景龙 authored
339
                    </notempty>
340 341 342 343 344 345 346 347 348 349 350 351 352
                </div>
            </div>
            <!-- 四月 -->
            <div class="center_card_bg">
                <!-- 翻转前 -->
                <div class="center_card_bg2  center_card_two3 hovers">
                    <div class="center_card_two_contant">
                        <div class="center_card_two_top">4</div>
                        <div class="center_card_two_bottom">April</div>
                    </div>
                </div>
                <!-- 翻转后 -->
                <div class=" reverse hovers">
景龙 authored
353 354
                    <notempty name="res_month.4">
                        <div class="center_card_img">
景龙 authored
355
                            <img src="{:cmf_get_image_url($res_month.4.index_thumbnail)}" alt="独角星球 小众目的地 旅游资讯" />
景龙 authored
356 357 358 359 360
                        </div>
                        <div class="center_card_month">
                            <div class="center_card_one"><span></span></div>
                            <div class="center_card_cantant">
                                <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.4.id}">
1  
zhangwei authored
361
                                    <div class="center_card_catant_one txt-cut">
景龙 authored
362 363 364 365 366 367
                                        {$res_month.4.post_title}
                                    </div>
                                    <div class="center_card_catant_two">
                                        {$res_month.4.category_name}
                                    </div>
                                </a>
368 369
                            </div>
                        </div>
景龙 authored
370
                    </notempty>
371 372 373 374 375 376 377 378 379 380 381 382 383
                </div>
            </div>
            <!-- 五月 -->
            <div class="center_card_bg">
                <!-- 翻转前 -->
                <div class="center_card_bg2  center_card_Img3 hovers">
                    <div class="center_card_two_contant">
                        <div class="center_card_two_top center_color">5</div>
                        <div class="center_card_two_bottom center_color">May</div>
                    </div>
                </div>
                <!-- 翻转后 -->
                <div class=" reverse hovers">
景龙 authored
384 385
                    <notempty name="res_month.5">
                        <div class="center_card_img">
景龙 authored
386
                            <img src="{:cmf_get_image_url($res_month.5.index_thumbnail)}" alt="独角星球 小众目的地 旅游资讯" />
景龙 authored
387 388 389 390 391
                        </div>
                        <div class="center_card_month">
                            <div class="center_card_one"><span></span></div>
                            <div class="center_card_cantant">
                                <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.5.id}">
1  
zhangwei authored
392
                                    <div class="center_card_catant_one txt-cut">
景龙 authored
393 394 395 396 397 398
                                        {$res_month.5.post_title}
                                    </div>
                                    <div class="center_card_catant_two">
                                        {$res_month.5.category_name}
                                    </div>
                                </a>
399 400
                            </div>
                        </div>
景龙 authored
401
                    </notempty>
402 403 404 405 406 407 408 409 410 411 412 413 414
                </div>
            </div>
            <!-- 六月 -->
            <div class="center_card_bg">
                <!-- 翻转前 -->
                <div class="center_card_bg2  center_card_two4 hovers">
                    <div class="center_card_two_contant">
                        <div class="center_card_two_top">6</div>
                        <div class="center_card_two_bottom">June</div>
                    </div>
                </div>
                <!-- 翻转后 -->
                <div class=" reverse hovers">
景龙 authored
415 416
                    <notempty name="res_month.6">
                        <div class="center_card_img">
景龙 authored
417
                            <img src="{:cmf_get_image_url($res_month.6.index_thumbnail)}" alt="独角星球 小众目的地 旅游资讯" />
景龙 authored
418 419 420 421 422
                        </div>
                        <div class="center_card_month">
                            <div class="center_card_one"><span></span></div>
                            <div class="center_card_cantant">
                                <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.6.id}">
1  
zhangwei authored
423
                                    <div class="center_card_catant_one txt-cut">
景龙 authored
424 425 426 427 428 429
                                        {$res_month.6.post_title}
                                    </div>
                                    <div class="center_card_catant_two">
                                        {$res_month.6.category_name}
                                    </div>
                                </a>
430 431
                            </div>
                        </div>
景龙 authored
432
                    </notempty>
433 434 435 436 437 438 439 440 441 442 443 444 445
                </div>
            </div>
            <!-- 七月 -->
            <div class="center_card_bg">
                <!-- 翻转前 -->
                <div class="center_card_bg2  center_card_Img4 hovers">
                    <div class="center_card_two_contant">
                        <div class="center_card_two_top center_color">7</div>
                        <div class="center_card_two_bottom center_color">July</div>
                    </div>
                </div>
                <!-- 翻转后 -->
                <div class=" reverse hovers">
景龙 authored
446 447
                    <notempty name="res_month.7">
                        <div class="center_card_img">
景龙 authored
448
                            <img src="{:cmf_get_image_url($res_month.7.index_thumbnail)}" alt="独角星球 小众目的地 旅游资讯" />
景龙 authored
449 450 451 452 453
                        </div>
                        <div class="center_card_month">
                            <div class="center_card_one"><span></span></div>
                            <div class="center_card_cantant">
                                <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.7.id}">
1  
zhangwei authored
454
                                    <div class="center_card_catant_one txt-cut">
景龙 authored
455 456 457 458 459 460
                                        {$res_month.7.post_title}
                                    </div>
                                    <div class="center_card_catant_two">
                                        {$res_month.7.category_name}
                                    </div>
                                </a>
461 462
                            </div>
                        </div>
景龙 authored
463
                    </notempty>
464 465 466 467 468 469 470 471 472 473 474 475 476
                </div>
            </div>
            <!-- 八月 -->
            <div class="center_card_bg">
                <!-- 翻转前 -->
                <div class="center_card_bg2  center_card_two5 hovers">
                    <div class="center_card_two_contant">
                        <div class="center_card_two_top">8</div>
                        <div class="center_card_two_bottom">August</div>
                    </div>
                </div>
                <!-- 翻转后 -->
                <div class=" reverse hovers">
景龙 authored
477 478
                    <notempty name="res_month.8">
                        <div class="center_card_img">
景龙 authored
479
                            <img src="{:cmf_get_image_url($res_month.8.index_thumbnail)}" alt="独角星球 小众目的地 旅游资讯" />
景龙 authored
480 481 482 483 484
                        </div>
                        <div class="center_card_month">
                            <div class="center_card_one"><span></span></div>
                            <div class="center_card_cantant">
                                <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.8.id}">
1  
zhangwei authored
485
                                    <div class="center_card_catant_one txt-cut">
景龙 authored
486 487 488 489 490 491
                                        {$res_month.8.post_title}
                                    </div>
                                    <div class="center_card_catant_two">
                                        {$res_month.8.category_name}
                                    </div>
                                </a>
492 493
                            </div>
                        </div>
景龙 authored
494
                    </notempty>
495 496 497 498 499 500 501 502 503 504 505 506 507
                </div>
            </div>
            <!-- 九月 -->
            <div class="center_card_bg">
                <!-- 翻转前 -->
                <div class="center_card_bg2  center_card_Img5 hovers">
                    <div class="center_card_two_contant">
                        <div class="center_card_two_top center_color">9</div>
                        <div class="center_card_two_bottom center_color">September</div>
                    </div>
                </div>
                <!-- 翻转后 -->
                <div class=" reverse hovers">
景龙 authored
508 509
                    <notempty name="res_month.9">
                        <div class="center_card_img">
景龙 authored
510
                            <img src="{:cmf_get_image_url($res_month.9.index_thumbnail)}" alt="独角星球 小众目的地 旅游资讯" />
景龙 authored
511 512 513 514 515
                        </div>
                        <div class="center_card_month">
                            <div class="center_card_one"><span></span></div>
                            <div class="center_card_cantant">
                                <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.9.id}">
1  
zhangwei authored
516
                                    <div class="center_card_catant_one txt-cut">
景龙 authored
517 518 519 520 521 522
                                        {$res_month.9.post_title}
                                    </div>
                                    <div class="center_card_catant_two">
                                        {$res_month.9.category_name}
                                    </div>
                                </a>
523 524
                            </div>
                        </div>
景龙 authored
525
                    </notempty>
526 527 528 529 530 531 532 533 534 535 536 537 538
                </div>
            </div>
            <!-- 十月 -->
            <div class="center_card_bg">
                <!-- 翻转前 -->
                <div class="center_card_bg2  center_card_two6 hovers">
                    <div class="center_card_two_contant">
                        <div class="center_card_two_top">10</div>
                        <div class="center_card_two_bottom">October</div>
                    </div>
                </div>
                <!-- 翻转后 -->
                <div class=" reverse hovers">
景龙 authored
539 540
                    <notempty name="res_month.10">
                        <div class="center_card_img">
景龙 authored
541
                            <img src="{:cmf_get_image_url($res_month.10.index_thumbnail)}" alt="独角星球 小众目的地 旅游资讯" />
景龙 authored
542 543 544 545 546
                        </div>
                        <div class="center_card_month">
                            <div class="center_card_one"><span></span></div>
                            <div class="center_card_cantant">
                                <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.10.id}">
1  
zhangwei authored
547
                                    <div class="center_card_catant_one txt-cut">
景龙 authored
548 549 550 551 552 553
                                        {$res_month.10.post_title}
                                    </div>
                                    <div class="center_card_catant_two">
                                        {$res_month.10.category_name}
                                    </div>
                                </a>
554 555
                            </div>
                        </div>
景龙 authored
556
                    </notempty>
557 558 559 560 561 562 563 564 565 566 567 568 569
                </div>
            </div>
            <!-- 十一月 -->
            <div class="center_card_bg">
                <!-- 翻转前 -->
                <div class="center_card_bg2  center_card_Img6 hovers">
                    <div class="center_card_two_contant">
                        <div class="center_card_two_top center_color">11</div>
                        <div class="center_card_two_bottom center_color">November</div>
                    </div>
                </div>
                <!-- 翻转后 -->
                <div class=" reverse hovers">
景龙 authored
570 571
                    <notempty name="res_month.11">
                        <div class="center_card_img">
景龙 authored
572
                            <img src="{:cmf_get_image_url($res_month.11.index_thumbnail)}" alt="独角星球 小众目的地 旅游资讯" />
景龙 authored
573 574 575 576 577
                        </div>
                        <div class="center_card_month">
                            <div class="center_card_one"><span></span></div>
                            <div class="center_card_cantant">
                                <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.11.id}">
1  
zhangwei authored
578
                                    <div class="center_card_catant_one txt-cut">
景龙 authored
579 580 581 582 583 584
                                        {$res_month.11.post_title}
                                    </div>
                                    <div class="center_card_catant_two">
                                        {$res_month.11.category_name}
                                    </div>
                                </a>
585 586
                            </div>
                        </div>
景龙 authored
587
                    </notempty>
588 589 590 591 592 593 594 595 596 597 598 599 600
                </div>
            </div>
            <!-- 十二月 -->
            <div class="center_card_bg">
                <!-- 翻转前 -->
                <div class="center_card_bg2  center_card_two7 hovers">
                    <div class="center_card_two_contant">
                        <div class="center_card_two_top">12</div>
                        <div class="center_card_two_bottom">December</div>
                    </div>
                </div>
                <!-- 翻转后 -->
                <div class=" reverse hovers">
景龙 authored
601 602
                    <notempty name="res_month.12">
                        <div class="center_card_img">
景龙 authored
603
                            <img src="{:cmf_get_image_url($res_month.12.index_thumbnail)}" alt="独角星球 小众目的地 旅游资讯" />
景龙 authored
604 605 606 607 608
                        </div>
                        <div class="center_card_month">
                            <div class="center_card_one"><span></span></div>
                            <div class="center_card_cantant">
                                <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.12.id}">
1  
zhangwei authored
609
                                    <div class="center_card_catant_one txt-cut">
景龙 authored
610 611 612 613 614 615
                                        {$res_month.12.post_title}
                                    </div>
                                    <div class="center_card_catant_two">
                                        {$res_month.12.category_name}
                                    </div>
                                </a>
616 617
                            </div>
                        </div>
景龙 authored
618
                    </notempty>
619 620 621 622 623 624 625 626 627 628
                </div>
            </div>
        </div>
    </div>
    <!-- 星域秀场 -->
    <div class="video">
        <div class="video_top">
            <div class="top_state_title">
                <div class="top_state_ch">星域<span>秀场</span></div>
                <div class="top_state_en">
景龙 authored
629
                    PLANET STAGE
630 631 632 633 634 635 636
                </div>
            </div>
        </div>
        <!-- 视频 -->
        <div class="video_center">
            <!-- 视频 -->
            <notempty name="res_xqyy">
zhangwei authored
637 638 639 640 641
                <div class="video_bg">
                    <video id="video" width="100%" style="height:100%;" src="{:cmf_get_file_download_url($res_xqyy.video)}" controlslist="nodownload"></video>
                </div>
                <!-- 封面 -->
                <div class="fm_IMG">
景龙 authored
642
                    <img src="{:cmf_get_image_url($res_xqyy.index_thumbnail)}" alt="独角星球 小众目的地 旅游资讯">
zhangwei authored
643
                </div>
644
                <else/>
zhangwei authored
645 646 647 648 649
                <div class="video_bg">
                    <video id="video" width="100%" style="height:100%;" src="__TMPL__/public/assets/images/video.mp4"></video>
                </div>
                <!-- 封面 -->
                <div class="fm_IMG">
景龙 authored
650
                    <img src="__TMPL__/public/assets/images/bicon_34.png" alt="独角星球 小众目的地 旅游资讯">
zhangwei authored
651
                </div>
652 653 654
            </notempty>
            <!-- 按钮 -->
            <div class="video_start">
景龙 authored
655
                <img onclick="bofang()" src="__TMPL__/public/assets/images/aicon_30.png" alt="独角星球 小众目的地 旅游资讯" />
656 657
            </div>
        </div>
1  
zhangwei authored
658 659 660 661 662 663 664 665
        <!-- 更多 -->
        <div class="video_bottom">
            <a href="/portal/region/getMoreVideo">
                <div class="video_bottom_contant">
                    more+
                </div>
            </a>
        </div>
景龙 authored
666 667 668 669 670 671 672 673 674 675 676 677
    </div>
    <!--明星访谈-->
    <div class="gallery">
        <div class="video_top">
            <div class="top_state_title">
                <div class="top_state_ch">明星<span>访谈</span></div>
                <div class="top_state_en">
                    STAR INTERVIEW
                </div>
            </div>
        </div>
678 679 680
        <!-- 胡歌 -->
        <notempty name="res_mxft">
            <a href="/portal/region/getStarDetail?id={$res_mxft.id}">
景龙 authored
681
                <div class="video_star" style="margin-top:0;">
682
                    <div class="userimg">
景龙 authored
683
                        <img src="{:cmf_get_image_url($res_mxft.avatar)}" alt="独角星球 小众目的地 旅游资讯" />
684 685 686
                    </div>
                    <div class="useraccount tip left">
                        <div class="useraccount_top">
王毅 authored
687
                            <div class="useraccount_name one-txt-cut">{$res_mxft.full_name}</div>
1  
zhangwei authored
688
                            <div class="useraccount_career">
689 690 691
                                {$res_mxft.position}<span>{$res_mxft.trade}</span>
                            </div>
                        </div>
1  
zhangwei authored
692
                        <div class="useraccount_intro txt-cut" style="-webkit-line-clamp: 3;">
693 694 695 696 697
                            {$res_mxft.post_excerpt}
                        </div>
                    </div>
                </div>
            </a>
景龙 authored
698
699 700 701 702 703 704 705 706 707 708 709 710 711 712 713 714
            <!-- 更多 -->
            <div class="video_bottom">
                <a href="/portal/region/getMoreStar">
                    <div class="video_bottom_contant">
                        more+
                    </div>
                </a>
            </div>
        </notempty>
    </div>
    <!-- 星域画廊 -->
    <div class="gallery">
        <div class="video_top">
            <div class="top_state_title">
                <div class="top_state_ch">星域<span>画廊</span></div>
                <div class="top_state_en">
景龙 authored
715
                    PLANET GALLERY
716 717 718 719 720 721 722 723 724 725 726
                </div>
            </div>
        </div>
        <!-- 图片 -->
        <div class="star_gall_img swiper-container indeX_Hl">
            <!-- 轮播图 -->
            <ul class="swiper-wrapper">
                <notempty name="res_xyhl">
                    <volist name="res_xyhl" id="vo">
                        <li class="swiper-slide">
                            <a href="/portal/region/getGalleryDetail?id={$vo.id}">
景龙 authored
727
                                <img class="swiper-slide" src="{:cmf_get_image_url($vo.thumbnail)}" alt="独角星球 小众目的地 旅游资讯" />
728 729 730 731 732 733 734 735 736 737 738 739 740 741 742
                            </a>
                        </li>
                    </volist>
                </notempty>
            </ul>
        </div>
        <!-- 更多 -->
        <div class="video_bottom">
            <a href="/portal/region/getMoreGallery">
                <div class="video_bottom_contant">
                    more+
                </div>
            </a>
        </div>
        <!-- 星探推荐 -->
王毅 authored
743
        <div class="recommend" style="height: 6.6rem">
744 745
            <div class="recommend_top">
                <div class="top_state_title">
746
                    <div class="top_state_ch">星探<span>推荐</span>
747 748 749 750 751 752 753
                    </div>
                    <div class="top_state_en">
                        STAR RECOMMENDATION
                    </div>
                </div>
            </div>
            <!-- 图片 -->
王毅 authored
754
            <div class="star_gall_img swiper-container2" style="overflow: hidden">
755 756 757 758 759 760 761 762 763 764
                <!-- 轮播图 -->
                <ul class="swiper-wrapper">
                    <notempty name="res_xttj">
                        <volist name="res_xttj" id="vo">
                            <li class="swiper-slide">
                                <empty name="vo.place">
                                    <a href="/portal/scout/getSceneryDetail?id={$vo.id}">
                                        <else />
                                        <a href="/portal/scout/getTravelDetail?id={$vo.id}">
                                </empty>
zhangwei authored
765 766
                                <div class="recommed_contant">
                                    <div class="recommed_contant_img">
景龙 authored
767
                                        <img src="{:cmf_get_image_url($vo.index_thumbnail)}" alt="独角星球 小众目的地 旅游资讯" />
768
                                    </div>
zhangwei authored
769 770 771 772 773 774 775
                                    <div class="recommed_contant_title txt-cut" style="-webkit-line-clamp:2;">
                                        {$vo.post_title}
                                    </div>
                                    <div class="recommed_contant_money one-txt-cut">
                                        ¥{$vo.price}
                                    </div>
                                </div>
776 777 778 779 780 781 782 783 784 785 786 787 788 789 790 791 792 793 794 795 796 797 798 799 800 801 802 803 804 805 806 807 808 809 810
                                </a>
                            </li>
                        </volist>
                    </notempty>
                </ul>
            </div>
        </div>
        <!-- 更多 -->
        <div class="video_bottom">
            <a href="/portal/scout/index">
                <div class="video_bottom_contant">
                    more+
                </div>
            </a>
        </div>
        <!-- 星探活动 -->
        <notempty name="res_xjhd">
            <div class="activity">
                <div class="recommend_top">
                    <div class="top_state_title">
                        <div class="top_state_ch">星域<span>活动</span></div>
                        <div class="top_state_en">
                            PLANET ACTIVITY
                        </div>
                    </div>
                </div>
                <!-- 图片 -->
                <div class="star_gall_img swiper-container3">
                    <!-- 轮播图 -->
                    <ul class="swiper-wrapper">
                        <volist name="res_xjhd" id="vo">
                            <li class="swiper-slide">
                                <a href="index_twelfth.html">
                                    <div class="activity_contant">
                                        <div class="activity_contant_img">
景龙 authored
811
                                            <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="独角星球 小众目的地 旅游资讯" />
812 813 814 815 816 817 818 819 820 821 822 823 824 825
                                        </div>
                                        <div class="activity_contant_title one-txt-cut">
                                            {$vo.post_title}
                                        </div>
                                    </div>
                                </a>
                            </li>
                        </volist>
                    </ul>
                </div>
            </div>
        </notempty>
    </div>
    <!--底部-->
zhangwei authored
826
    <include file="public@footer" />
景龙 authored
827
</body>
828 829 830 831
<script src="__TMPL__/public/assets/js/base.js"></script>
<script src="__TMPL__/public/assets/js/jquery-2.1.0.js"></script>
<script src="__TMPL__/public/assets/js/swiper.min.js"></script>
<script src="__TMPL__/public/assets/js/public.js"></script>
景龙 authored
832
<script>
zhangwei authored
833 834 835 836 837 838 839 840 841
    // 禁止下载
    $('video').bind('contextmenu', function() {
        return false;
    });
    var video2 = document.getElementById("video2"); //获取ID 
    function nos() {
        $('.vi_maks').hide();
        video2.pause();
    }
842 843 844 845 846
    // 翻转
    $('.center_card_bg').each(function() {
        $(this).mouseover(function() {
            $(this).find('.hovers').addClass('fanz_before');
            $(this).find('.reverse').addClass('fanz_after');
景龙 authored
847
848 849 850 851 852
        }).mouseout(function() {
            $(this).find('.hovers').removeClass('fanz_before');
            $(this).find('.reverse').removeClass('fanz_after');
        })
    })
景龙 authored
853
zhangwei authored
854 855 856 857
    // 关闭视频
    $('.vi_Img').click(function() {
        nos();
    });
858 859

    // 星球奇景
zhangwei authored
860
    $(".statr_one,.statr_two,.statr_three,.statr_four,.statr_five,.statr_six,.statr_seven,.statr_99").click(function() {
861 862 863 864 865 866 867 868 869 870 871 872
        if ($(this).find("img").attr("src") == "__TMPL__/public/assets/images/cicon_05@2x.png") {
            $(this).find("img").attr("src", "__TMPL__/public/assets/images/cicon_06@2x.png");
            $(this).find("span").addClass("state_africa");
            $(this).find("ul").toggle();
        } else {
            $(this).find("img").attr("src", "__TMPL__/public/assets/images/cicon_05@2x.png");
            $(this).find("span").removeClass("state_africa");
            $(this).find("ul").toggle();
        }
    });
    // 星域秀场视频
    var video = document.getElementById("video");
1  
zhangwei authored
873
    var video2 = document.getElementById("video2");
874 875 876 877 878 879 880

    function bofang() {
        video.play();
        $('.fm_IMG').hide();
        $("#video").attr("controls", "controls");
        $(".video_start").hide();
    }
1  
zhangwei authored
881 882 883 884 885 886 887

    function bofang2() {
        video2.play();
        $('.vi_fengm').hide();
        $("#video").attr("controls", "controls");
        $(".video_start99").hide();
    }
888 889 890 891 892
    // swiper
    var swiper = new Swiper('.swiper-container4', {
        pagination: '.swiper-pagination',
        autoplay: 3000,
        loop: true
景龙 authored
893 894
    });
895 896 897 898 899 900 901 902 903 904 905 906 907 908 909 910 911 912 913 914
    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        slidesPerView: 2.4,
        paginationClickable: true,
        spaceBetween: 14,
        freeMode: true
    });
    var swiper = new Swiper('.swiper-container2', {
        pagination: '.swiper-pagination',
        slidesPerView: 2.46,
        paginationClickable: true,
        spaceBetween: 12,
        freeMode: true
    });
    var swiper = new Swiper('.swiper-container3', {
        pagination: '.swiper-pagination',
        slidesPerView: 1.16,
        paginationClickable: true,
        spaceBetween: 12,
        freeMode: true
景龙 authored
915 916
    });
</script>
917 918

</html>