...
|
...
|
@@ -22,10 +22,46 @@ |
|
|
.swiper-container6 .swiper-wrapper{
|
|
|
transition-duration:1.5s !important;
|
|
|
}
|
|
|
.mask {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
position: fixed;
|
|
|
top: 0;
|
|
|
z-index: 9999;
|
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
|
display: none;
|
|
|
}
|
|
|
.mask_video {
|
|
|
position: relative;
|
|
|
top: 50%;
|
|
|
left: 50%;
|
|
|
width: 800px;
|
|
|
height: 500px;
|
|
|
background-color: black;
|
|
|
transform: translate(-50%, -50%);
|
|
|
}
|
|
|
.mask_video video {
|
|
|
margin: auto;
|
|
|
display: block;
|
|
|
height: 100%;
|
|
|
}
|
|
|
.mask_video img {
|
|
|
cursor: pointer;
|
|
|
position: absolute;
|
|
|
right: -100px;
|
|
|
top: -30px;
|
|
|
}
|
|
|
</style>
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
<!-- 弹框视频 -->
|
|
|
<div class="mask" id="mask">
|
|
|
<div class="mask_video" >
|
|
|
<img id="nos" src="__TMPL__/public/assets/starImg/nos.png" alt="">
|
|
|
<video id="video2" src="http://xingqiu.qiniu.brotop.cn/portal/20190513/79713d2ec80f05fcaea36c685494c86b.mp4?e=1558360608&token=UjVH2DxMRL57-Lx4-JFaELCh7icERqJ1NxWf6smj:BgYec03rGPUNK7FcCld3qgrLMk0=&attname=Greenland+-+Rough.+Real+Remote..mp4"></video>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 侧边 -->
|
|
|
<div class="index_sidebar">
|
|
|
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1309572580&site=qq&menu=yes">
|
...
|
...
|
@@ -49,9 +85,9 @@ |
|
|
<!--<div class="swiper-pagination">-->
|
|
|
|
|
|
<!--</div>-->
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<!-- 首页主体内容 -->
|
|
|
<div id="star_main">
|
|
|
<!-- 星球奇境 -->
|
...
|
...
|
@@ -164,13 +200,15 @@ |
|
|
<!-- 图片 -->
|
|
|
<notempty name="res_month.January">
|
|
|
<div class="reverse_Imgs">
|
|
|
<img src="{:cmf_get_image_url($res_month.January.thumbnail)}"/>
|
|
|
<img src="{:cmf_get_image_url($res_month.January.index_thumbnail)}"/>
|
|
|
</div>
|
|
|
<!-- 图片下方文字 -->
|
|
|
<div class="img_bottom">
|
|
|
<p>{$res_month.January.post_title}</p>
|
|
|
<p>{$res_month.January.category_name}</p>
|
|
|
</div>
|
|
|
<a href="/portal/enjoy/getEnjoyDetail?id={$res_month.January.id}">
|
|
|
<div class="img_bottom">
|
|
|
<p>{$res_month.January.post_title}</p>
|
|
|
<p>{$res_month.January.category_name}</p>
|
|
|
</div>
|
|
|
</a>
|
|
|
<else/>
|
|
|
<div class="reverse_Imgs">
|
|
|
<img src="__TMPL__/public/assets/starImg/aicon_28.png"/>
|
...
|
...
|
@@ -199,13 +237,15 @@ |
|
|
<!-- 图片 -->
|
|
|
<notempty name="res_month.February">
|
|
|
<div class="reverse_Imgs">
|
|
|
<img src="{:cmf_get_image_url($res_month.February.thumbnail)}"/>
|
|
|
<img src="{:cmf_get_image_url($res_month.February.index_thumbnail)}"/>
|
|
|
</div>
|
|
|
<!-- 图片下方文字 -->
|
|
|
<div class="img_bottom">
|
|
|
<p>{$res_month.February.post_title}</p>
|
|
|
<p>{$res_month.February.category_name}</p>
|
|
|
</div>
|
|
|
<a href="/portal/enjoy/getEnjoyDetail?id={$res_month.February.id}">
|
|
|
<div class="img_bottom">
|
|
|
<p>{$res_month.February.post_title}</p>
|
|
|
<p>{$res_month.February.category_name}</p>
|
|
|
</div>
|
|
|
</a>
|
|
|
<else/>
|
|
|
<div class="reverse_Imgs">
|
|
|
<img src="__TMPL__/public/assets/starImg/aicon_28.png"/>
|
...
|
...
|
@@ -235,13 +275,15 @@ |
|
|
<!-- 图片 -->
|
|
|
<notempty name="res_month.March">
|
|
|
<div class="reverse_Imgs">
|
|
|
<img src="{:cmf_get_image_url($res_month.March.thumbnail)}"/>
|
|
|
<img src="{:cmf_get_image_url($res_month.March.index_thumbnail)}"/>
|
|
|
</div>
|
|
|
<!-- 图片下方文字 -->
|
|
|
<div class="img_bottom">
|
|
|
<p>{$res_month.March.post_title}</p>
|
|
|
<p>{$res_month.March.category_name}</p>
|
|
|
</div>
|
|
|
<a href="/portal/enjoy/getEnjoyDetail?id={$res_month.March.id}">
|
|
|
<div class="img_bottom">
|
|
|
<p>{$res_month.March.post_title}</p>
|
|
|
<p>{$res_month.March.category_name}</p>
|
|
|
</div>
|
|
|
</a>
|
|
|
<else/>
|
|
|
<div class="reverse_Imgs">
|
|
|
<img src="__TMPL__/public/assets/starImg/aicon_28.png"/>
|
...
|
...
|
@@ -272,13 +314,15 @@ |
|
|
<!-- 图片 -->
|
|
|
<notempty name="res_month.April">
|
|
|
<div class="reverse_Imgs">
|
|
|
<img src="{:cmf_get_image_url($res_month.April.thumbnail)}"/>
|
|
|
<img src="{:cmf_get_image_url($res_month.April.index_thumbnail)}"/>
|
|
|
</div>
|
|
|
<!-- 图片下方文字 -->
|
|
|
<div class="img_bottom">
|
|
|
<p>{$res_month.April.post_title}</p>
|
|
|
<p>{$res_month.April.category_name}</p>
|
|
|
</div>
|
|
|
<a href="/portal/enjoy/getEnjoyDetail?id={$res_month.April.id}">
|
|
|
<div class="img_bottom">
|
|
|
<p>{$res_month.April.post_title}</p>
|
|
|
<p>{$res_month.April.category_name}</p>
|
|
|
</div>
|
|
|
</a>
|
|
|
<else/>
|
|
|
<div class="reverse_Imgs">
|
|
|
<img src="__TMPL__/public/assets/starImg/aicon_28.png"/>
|
...
|
...
|
@@ -308,13 +352,15 @@ |
|
|
<!-- 图片 -->
|
|
|
<notempty name="res_month.May">
|
|
|
<div class="reverse_Imgs">
|
|
|
<img src="{:cmf_get_image_url($res_month.May.thumbnail)}"/>
|
|
|
<img src="{:cmf_get_image_url($res_month.May.index_thumbnail)}"/>
|
|
|
</div>
|
|
|
<!-- 图片下方文字 -->
|
|
|
<div class="img_bottom">
|
|
|
<p>{$res_month.May.post_title}</p>
|
|
|
<p>{$res_month.May.category_name}</p>
|
|
|
</div>
|
|
|
<a href="/portal/enjoy/getEnjoyDetail?id={$res_month.May.id}">
|
|
|
<div class="img_bottom">
|
|
|
<p>{$res_month.May.post_title}</p>
|
|
|
<p>{$res_month.May.category_name}</p>
|
|
|
</div>
|
|
|
</a>
|
|
|
<else/>
|
|
|
<div class="reverse_Imgs">
|
|
|
<img src="__TMPL__/public/assets/starImg/aicon_28.png"/>
|
...
|
...
|
@@ -343,13 +389,15 @@ |
|
|
<!-- 图片 -->
|
|
|
<notempty name="res_month.June">
|
|
|
<div class="reverse_Imgs">
|
|
|
<img src="{:cmf_get_image_url($res_month.June.thumbnail)}"/>
|
|
|
<img src="{:cmf_get_image_url($res_month.June.index_thumbnail)}"/>
|
|
|
</div>
|
|
|
<!-- 图片下方文字 -->
|
|
|
<div class="img_bottom">
|
|
|
<p>{$res_month.June.post_title}</p>
|
|
|
<p>{$res_month.June.category_name}</p>
|
|
|
</div>
|
|
|
<a href="/portal/enjoy/getEnjoyDetail?id={$res_month.June.id}">
|
|
|
<div class="img_bottom">
|
|
|
<p>{$res_month.June.post_title}</p>
|
|
|
<p>{$res_month.June.category_name}</p>
|
|
|
</div>
|
|
|
</a>
|
|
|
<else/>
|
|
|
<div class="reverse_Imgs">
|
|
|
<img src="__TMPL__/public/assets/starImg/aicon_28.png"/>
|
...
|
...
|
@@ -380,13 +428,15 @@ |
|
|
<!-- 图片 -->
|
|
|
<notempty name="res_month.July">
|
|
|
<div class="reverse_Imgs">
|
|
|
<img src="{:cmf_get_image_url($res_month.July.thumbnail)}"/>
|
|
|
<img src="{:cmf_get_image_url($res_month.July.index_thumbnail)}"/>
|
|
|
</div>
|
|
|
<!-- 图片下方文字 -->
|
|
|
<div class="img_bottom">
|
|
|
<p>{$res_month.July.post_title}</p>
|
|
|
<p>{$res_month.July.category_name}</p>
|
|
|
</div>
|
|
|
<a href="/portal/enjoy/getEnjoyDetail?id={$res_month.July.id}">
|
|
|
<div class="img_bottom">
|
|
|
<p>{$res_month.July.post_title}</p>
|
|
|
<p>{$res_month.July.category_name}</p>
|
|
|
</div>
|
|
|
</a>
|
|
|
<else/>
|
|
|
<div class="reverse_Imgs">
|
|
|
<img src="__TMPL__/public/assets/starImg/aicon_28.png"/>
|
...
|
...
|
@@ -417,13 +467,15 @@ |
|
|
<!-- 图片 -->
|
|
|
<notempty name="res_month.August">
|
|
|
<div class="reverse_Imgs">
|
|
|
<img src="{:cmf_get_image_url($res_month.August.thumbnail)}"/>
|
|
|
<img src="{:cmf_get_image_url($res_month.August.index_thumbnail)}"/>
|
|
|
</div>
|
|
|
<!-- 图片下方文字 -->
|
|
|
<div class="img_bottom">
|
|
|
<p>{$res_month.August.post_title}</p>
|
|
|
<p>{$res_month.August.category_name}</p>
|
|
|
</div>
|
|
|
<a href="/portal/enjoy/getEnjoyDetail?id={$res_month.August.id}">
|
|
|
<div class="img_bottom">
|
|
|
<p>{$res_month.August.post_title}</p>
|
|
|
<p>{$res_month.August.category_name}</p>
|
|
|
</div>
|
|
|
</a>
|
|
|
<else/>
|
|
|
<div class="reverse_Imgs">
|
|
|
<img src="__TMPL__/public/assets/starImg/aicon_28.png"/>
|
...
|
...
|
@@ -454,13 +506,15 @@ |
|
|
<!-- 图片 -->
|
|
|
<notempty name="res_month.September">
|
|
|
<div class="reverse_Imgs">
|
|
|
<img src="{:cmf_get_image_url($res_month.September.thumbnail)}"/>
|
|
|
<img src="{:cmf_get_image_url($res_month.September.index_thumbnail)}"/>
|
|
|
</div>
|
|
|
<!-- 图片下方文字 -->
|
|
|
<div class="img_bottom">
|
|
|
<p>{$res_month.September.post_title}</p>
|
|
|
<p>{$res_month.September.category_name}</p>
|
|
|
</div>
|
|
|
<a href="/portal/enjoy/getEnjoyDetail?id={$res_month.September.id}">
|
|
|
<div class="img_bottom">
|
|
|
<p>{$res_month.September.post_title}</p>
|
|
|
<p>{$res_month.September.category_name}</p>
|
|
|
</div>
|
|
|
</a>
|
|
|
<else/>
|
|
|
<div class="reverse_Imgs">
|
|
|
<img src="__TMPL__/public/assets/starImg/aicon_28.png"/>
|
...
|
...
|
@@ -489,13 +543,15 @@ |
|
|
<!-- 图片 -->
|
|
|
<notempty name="res_month.October">
|
|
|
<div class="reverse_Imgs">
|
|
|
<img src="{:cmf_get_image_url($res_month.October.thumbnail)}"/>
|
|
|
<img src="{:cmf_get_image_url($res_month.October.index_thumbnail)}"/>
|
|
|
</div>
|
|
|
<!-- 图片下方文字 -->
|
|
|
<div class="img_bottom">
|
|
|
<p>{$res_month.October.post_title}</p>
|
|
|
<p>{$res_month.October.category_name}</p>
|
|
|
</div>
|
|
|
<a href="/portal/enjoy/getEnjoyDetail?id={$res_month.October.id}">
|
|
|
<div class="img_bottom">
|
|
|
<p>{$res_month.October.post_title}</p>
|
|
|
<p>{$res_month.October.category_name}</p>
|
|
|
</div>
|
|
|
</a>
|
|
|
<else/>
|
|
|
<div class="reverse_Imgs">
|
|
|
<img src="__TMPL__/public/assets/starImg/aicon_28.png"/>
|
...
|
...
|
@@ -526,13 +582,15 @@ |
|
|
<!-- 图片 -->
|
|
|
<notempty name="res_month.November">
|
|
|
<div class="reverse_Imgs">
|
|
|
<img src="{:cmf_get_image_url($res_month.November.thumbnail)}"/>
|
|
|
<img src="{:cmf_get_image_url($res_month.November.index_thumbnail)}"/>
|
|
|
</div>
|
|
|
<!-- 图片下方文字 -->
|
|
|
<div class="img_bottom">
|
|
|
<p>{$res_month.November.post_title}</p>
|
|
|
<p>{$res_month.November.category_name}</p>
|
|
|
</div>
|
|
|
<a href="/portal/enjoy/getEnjoyDetail?id={$res_month.November.id}">
|
|
|
<div class="img_bottom">
|
|
|
<p>{$res_month.November.post_title}</p>
|
|
|
<p>{$res_month.November.category_name}</p>
|
|
|
</div>
|
|
|
</a>
|
|
|
<else/>
|
|
|
<div class="reverse_Imgs">
|
|
|
<img src="__TMPL__/public/assets/starImg/aicon_28.png"/>
|
...
|
...
|
@@ -563,13 +621,15 @@ |
|
|
<!-- 图片 -->
|
|
|
<notempty name="res_month.December">
|
|
|
<div class="reverse_Imgs">
|
|
|
<img src="{:cmf_get_image_url($res_month.December.thumbnail)}"/>
|
|
|
<img src="{:cmf_get_image_url($res_month.December.index_thumbnail)}"/>
|
|
|
</div>
|
|
|
<!-- 图片下方文字 -->
|
|
|
<div class="img_bottom">
|
|
|
<p>{$res_month.December.post_title}</p>
|
|
|
<p>{$res_month.December.category_name}</p>
|
|
|
</div>
|
|
|
<a href="/portal/enjoy/getEnjoyDetail?id={$res_month.December.id}">
|
|
|
<div class="img_bottom">
|
|
|
<p>{$res_month.December.post_title}</p>
|
|
|
<p>{$res_month.December.category_name}</p>
|
|
|
</div>
|
|
|
</a>
|
|
|
<else/>
|
|
|
<div class="reverse_Imgs">
|
|
|
<img src="__TMPL__/public/assets/starImg/aicon_28.png"/>
|
...
|
...
|
@@ -600,10 +660,10 @@ |
|
|
<!-- 视频 -->
|
|
|
<div class="star_video">
|
|
|
<notempty name="res_xqyy">
|
|
|
<video id="video" width="100%" height="675" src="{:cmf_get_file_download_url($res_xqyy.video)}"></video>
|
|
|
<video id="video" width="100%" height="675" src="{:cmf_get_file_download_url($res_xqyy.video)}" controlsList="nodownload"></video>
|
|
|
<img class="show_in_poster" src="{:cmf_get_image_url($res_xqyy.thumbnail)}" alt="">
|
|
|
<else/>
|
|
|
<video id="video" width="100%" height="675" src="__TMPL__//public/assets/starImg/video.mp4"></video>
|
|
|
<video id="video" width="100%" height="675" src="__TMPL__//public/assets/starImg/video.mp4" controlsList="nodownload"></video>
|
|
|
<img class="show_in_poster" src="__TMPL__/public/assets/starImg/bicon_34.png" alt="">
|
|
|
</notempty>
|
|
|
<img onclick="bofang()" class="show_in_banner2" src="__TMPL__/public/assets/starImg/aicon_30.png" alt="">
|
...
|
...
|
@@ -611,7 +671,6 @@ |
|
|
<!-- 人物简介 -->
|
|
|
<notempty name="res_mxft">
|
|
|
<!-- 标题 -->
|
|
|
|
|
|
<div class="star_personal clearfix star_ming">
|
|
|
<div class="star_title clearfix">
|
|
|
<span>
|
...
|
...
|
@@ -643,6 +702,10 @@ |
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 更多按钮 -->
|
|
|
<div class="star_gall_more">
|
|
|
<a href="/portal/region/getMoreStar">MORE+</a>
|
|
|
</div>
|
|
|
</notempty>
|
|
|
</div>
|
|
|
</div>
|
...
|
...
|
@@ -662,7 +725,9 @@ |
|
|
<ul class="swiper-wrapper">
|
|
|
<volist name="res_xyhl" id="vo">
|
|
|
<li class="swiper-slide">
|
|
|
<img class="swiper-slide slide-image" src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
|
|
|
<a href="/portal/region/getGalleryDetail?id={$vo.id}">
|
|
|
<img class="swiper-slide slide-image" src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
|
|
|
</a>
|
|
|
</li>
|
|
|
</volist>
|
|
|
</ul>
|
...
|
...
|
@@ -697,7 +762,7 @@ |
|
|
<volist name="res_xttj" id="vo">
|
|
|
<li class="swiper-slide scout_box">
|
|
|
<div class="scout_image">
|
|
|
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
|
|
|
<img src="{:cmf_get_image_url($vo.index_thumbnail)}" alt="">
|
|
|
</div>
|
|
|
<empty name="vo.place">
|
|
|
<a href="/portal/scout/getSceneryDetail?id={$vo.id}">
|
...
|
...
|
@@ -720,6 +785,10 @@ |
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 更多按钮 -->
|
|
|
<div class="star_gall_more">
|
|
|
<a href="/portal/scout/index">MORE+</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 星际活动 -->
|
...
|
...
|
@@ -752,6 +821,30 @@ |
|
|
<script src="__TMPL__/public/assets/js/swiper4/swiper.min.js"></script>
|
|
|
<script src="__TMPL__/public/assets/js/public.js"></script>
|
|
|
<script>
|
|
|
// 弹框视频
|
|
|
var users = $('#users').val();
|
|
|
if(users == 1){
|
|
|
$('.mask').css('display','block');
|
|
|
var video2 = document.getElementById("video2"); //获取ID
|
|
|
console.log(video2);
|
|
|
$(function() {
|
|
|
if (video2.paused) { //判读是否播放
|
|
|
// video2.paused = false;
|
|
|
video2.play(); //没有就播放
|
|
|
}
|
|
|
});
|
|
|
var nos = document.getElementById("nos");
|
|
|
var mask = document.getElementById("mask");
|
|
|
|
|
|
nos.onclick = function nos() {
|
|
|
mask.style.display = "none";
|
|
|
video2.pause();
|
|
|
};
|
|
|
}
|
|
|
// 禁止下载
|
|
|
$('video').bind('contextmenu', function() {
|
|
|
return false;
|
|
|
});
|
|
|
// 点击返回头部
|
|
|
$(window).scroll(function() {
|
|
|
if ($(window).scrollTop() > 2000) {
|
...
|
...
|
@@ -833,10 +926,11 @@ |
|
|
|
|
|
function bofang() {
|
|
|
video.play();
|
|
|
$('#video').attr('controls', 'controls')
|
|
|
$('#video').attr('controls', 'controls');
|
|
|
$('.show_in_banner2').hide();
|
|
|
$('.show_in_poster').hide();
|
|
|
}
|
|
|
|
|
|
</script>
|
|
|
</body>
|
|
|
|
...
|
...
|
|