景龙 / xingqiu · 提交

转到一个项目

作者 景龙
提交 5bda9bb8c993420c5875e30f79eeae649cbea97f 1 个父辈 44872943
1 个管道 的构建 通过 耗费 3 秒

渲染更多页以及详情页

内嵌 并排对比
正在显示 32 个修改的文件 包含 1712 行增加 和 36 行删除
... ... @@ -243,13 +243,13 @@ return array (
'PORTAL_ADMINSCOUTDESIGN_DELETE' => '删除',
'PORTAL_ADMINSCOUTDESIGN_EDIT' => '编辑显示',
'PORTAL_ADMINSCOUTDESIGN_EDITPOST' => '编辑提交',
'PORTAL_ADMINSCOUTDESIGN_INDEX' => '创意设计',
'PORTAL_ADMINSCOUTDESIGN_INDEX' => '旅游地产',
'PORTAL_ADMINSCOUTLIKE_ADD' => '添加显示',
'PORTAL_ADMINSCOUTLIKE_ADDPOST' => '添加提交',
'PORTAL_ADMINSCOUTLIKE_DELETE' => '删除',
'PORTAL_ADMINSCOUTLIKE_EDIT' => '编辑显示',
'PORTAL_ADMINSCOUTLIKE_EDITPOST' => '编辑提交',
'PORTAL_ADMINSCOUTLIKE_INDEX' => '悦己悦人',
'PORTAL_ADMINSCOUTLIKE_INDEX' => '海外教育',
'PORTAL_ADMINSCOUTSCENERY_ADD' => '添加显示',
'PORTAL_ADMINSCOUTSCENERY_ADDPOST' => '添加提交',
'PORTAL_ADMINSCOUTSCENERY_DELETE' => '删除',
... ...
... ... @@ -43,7 +43,7 @@
</div>
<!-- 亲临现场 -->
<div class="first_scene">
<div class="first_scene_contant">
<div class="first_scene_contant" id="own">
<div class="first_scene_img">
<div class="first_scene_top_img">
<img src="__TMPL__/public/assets/images/cicon_50@2x.png" alt="" />
... ... @@ -86,7 +86,7 @@
</div>
<!-- 市井漫游 -->
<div class="first_scene">
<div class="first_scene_contant">
<div class="first_scene_contant" id="roam">
<div class="first_scene_img">
<div class="first_scene_top_img">
<img src="__TMPL__/public/assets/images/cicon_51@2x.png" alt="" />
... ... @@ -129,7 +129,7 @@
</div>
<!-- 视听盛宴 -->
<div class="first_scene">
<div class="first_scene_contant">
<div class="first_scene_contant" id="feast">
<div class="first_scene_img">
<div class="first_scene_top_img">
<img src="__TMPL__/public/assets/images/cicon_52@2x.png" alt="" />
... ... @@ -172,7 +172,7 @@
</div>
<!-- 户外天堂 -->
<div class="first_scene">
<div class="first_scene_contant">
<div class="first_scene_contant" id="sky">
<div class="first_scene_img">
<div class="first_scene_top_img">
<img src="__TMPL__/public/assets/images/cicon_53@2x.png" alt="" />
... ...
... ... @@ -605,7 +605,7 @@
<div class="recommend">
<div class="recommend_top">
<div class="top_state_title">
<div class="top_state_ch">星域<span>推荐</span>
<div class="top_state_ch">星探<span>推荐</span>
</div>
<div class="top_state_en">
STAR RECOMMENDATION
... ...
... ... @@ -42,11 +42,14 @@
</volist>
</ul>
</div>
</div>
<div class="page">
<!--分页-->
<div class="pagination">
{$page|default=''}
</div>
</div>
<!-- 底部 -->
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html;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" href="__TMPL__/public/assets/css/bootstrap4.0.css">
<link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css" />
<title>公益未来更多</title>
</head>
<body>
<include file="public@header"/>
<div class="log_Box">
<!--标题-->
<div class="hpin_main1Title">
<img src="__TMPL__/public/assets/images/cicon_44@2x.png" alt="" />
<h1>公益<span>未来</span></h1>
<p>Great dreams & Education</p>
</div>
<!-- 内容 -->
<div class="log_con">
<ul>
<volist name="res['data']" id="vo">
<li>
<a href="/portal/region/getFutureDetail?id={$vo.id}">
<div class="log_Img">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
</div>
<div class="log_Txt">
<h1 class="log_Txt1 one-txt-cut">{$vo.post_title}</h1>
<p class="log_Txt2 txt-cut">{$vo.post_excerpt}</p>
</div>
</a>
</li>
</volist>
</ul>
</div>
<!--分页-->
<div class="page">
<div class="pagination">
{$page|default=''}
</div>
</div>
</div>
<include file="public@footer"/>
<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/public.js"></script>
</body>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html lang="en">
<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" href="__TMPL__/public/assets/css/bootstrap4.0.css">
<link rel="stylesheet" href="__TMPL__/public/assets/css/swiper-3.4.2.min.css" />
<link rel="stylesheet" href="__TMPL__/public/assets/css/base.css" />
<link rel="stylesheet" href="__TMPL__/public/assets/css/index.css" />
<link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css" />
<title>星球画廊更多</title>
</head>
<body>
<!-- banner -->
<!--<div class="first_top">-->
<!--<div class="first_top_img">-->
<!--<img src="__TMPL__/public/assets/images/cicon_10@2x.png" alt="" />-->
<!--</div>-->
<!--<div class="first_top_title">-->
<!--PLANET DISCOVERY-->
<!--</div>-->
<!--</div>-->
<include file="public@header"/>
<!-- 星球画廊 -->
<div class="first_scene">
<div class="first_scene_contant">
<div class="first_scene_img">
<div class="first_scene_top_img">
<img src="__TMPL__/public/assets/images/cicon_40@2x.png" alt="" />
</div>
<div class="first_scene_top_ch">星球<span>画廊</span></div>
<div class="first_scene_top_en">
star Gallery
</div>
</div>
</div>
</div>
<div class="second_img">
<volist name="res['data']" id="vo">
<a href="/portal/region/getGalleryDetail?id={$vo.id}">
<div class="second_img_list">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
</div>
</a>
</volist>
</div>
<!--分页-->
<div class="page">
<div class="pagination">
{$page|default=''}
</div>
</div>
<include file="public@footer"/>
</body>
<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>
<script>
// 星域秀场视频
var video = document.getElementById("video");
function bofang() {
video.play();
$("#video").attr("controls", "controls");
$(".video_start").hide();
}
// swiper
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"
}
});
</script>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html lang="en">
<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" href="__TMPL__/public/assets/css/bootstrap4.0.css">
<link rel="stylesheet" href="__TMPL__/public/assets/css/swiper-3.4.2.min.css" />
<link rel="stylesheet" href="__TMPL__/public/assets/css/base.css" />
<link rel="stylesheet" href="__TMPL__/public/assets/css/index.css" />
<link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css">
<title>独角快报更多</title>
</head>
<body>
<include file="public@header"/>
<!-- 独角快报 -->
<div class="first_scene">
<div class="first_scene_contant">
<div class="first_scene_img">
<div class="first_scene_top_img">
<img src="__TMPL__/public/assets/images/cicon_41@2x.png" alt="" />
</div>
<div class="first_scene_top_ch">独角<span>快报</span></div>
<div class="first_scene_top_en">
Planet Express
</div>
</div>
</div>
<!-- 独角快报 -->
<div class="index_fifth_contant">
<volist name="res['data']" id="vo" offset="0" length="1">
<div class="index_fifth_one">
<a href="/portal/region/getNewsDetail?id={$vo.id}">
<div class="index_fifth_one_img">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
</div>
<div class="index_fifth_one_title">
<div class="index_fifth_one_title_top">
{$vo.post_title}
</div>
<div class="index_fifth_one_title_bottom">
{$vo.create_time|date="Y-m-d",###}
</div>
</div>
</a>
</div>
</volist>
<volist name="res['data']" id="vo" offset="1" length="2">
<div class="index_fifth_two">
<a href="/portal/region/getNewsDetail?id={$vo.id}">
<div class="index_fifth_two_left">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
</div>
<div class="index_fifth_two_right">
<div class="index_fifth_two_right_top txt-cut" style="-webkit-line-clamp: 2;">
{$vo.post_title}
</div>
<div class="index_fifth_two_fifth_bottom">
{$vo.create_time|date="Y-m-d",###}
</div>
</div>
</a>
</div>
</volist>
<volist name="res['data']" id="vo" offset="3" length="1">
<div class="index_fifth_one index_fifth_second">
<a href="/portal/region/getNewsDetail?id={$vo.id}">
<div class="index_fifth_one_img">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
</div>
<div class="index_fifth_one_title">
<div class="index_fifth_one_title_top">
{$vo.post_title}
</div>
<div class="index_fifth_one_title_bottom">
{$vo.create_time|date="Y-m-d",###}
</div>
</div>
</a>
</div>
</volist>
<volist name="res['data']" id="vo" offset="4" length="2">
<div class="index_fifth_two">
<div class="index_fifth_two_left">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
</div>
<div class="index_fifth_two_right">
<div class="index_fifth_two_right_top txt-cut" style="-webkit-line-clamp: 2;">
{$vo.post_title}
</div>
<div class="index_fifth_two_fifth_bottom">
{$vo.create_time|date="Y-m-d",###}
</div>
</div>
</div>
</volist>
</div>
<!--分页-->
<div class="page">
<div class="pagination">
{$page|default=''}
</div>
</div>
</div>
<include file="public@footer"/>
</body>
<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>
<script></script>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html;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" href="__TMPL__/public/assets/css/bootstrap4.0.css">
<link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css" />
<title>独角日志更多</title>
</head>
<body>
<include file="public@header"/>
<div class="log_Box">
<!--标题-->
<div class="hpin_main1Title">
<img src="__TMPL__/public/assets/images/cicon_45@2x.png" alt="" />
<h1>独角<span>日志</span></h1>
<p>Neo Blog</p>
</div>
<!-- 内容 -->
<div class="log_con">
<ul>
<volist name="res['data']" id="vo">
<li>
<a href="/portal/region/getNoteDetail?id={$vo.id}">
<div class="log_Img">
<img src="{:cmf_get_image_url($vo.index_thumbnail)}" alt="">
</div>
<div class="log_Txt">
<h1 class="log_Txt1 one-txt-cut">{$vo.post_title}</h1>
<p class="log_Txt2 txt-cut">{$vo.post_excerpt}</p>
<div class="log_Img2">
<img src="{:cmf_get_image_url($vo.avatar)}" alt="">
</div>
</div>
</a>
</li>
</volist>
</ul>
</div>
<!--分页-->
<div class="page">
<div class="pagination">
{$page|default=''}
</div>
</div>
</div>
<include file="public@footer"/>
<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/public.js"></script>
</body>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html lang="en">
<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" href="__TMPL__/public/assets/css/bootstrap4.0.css">
<link rel="stylesheet" href="__TMPL__/public/assets/css/swiper-3.4.2.min.css" />
<link rel="stylesheet" href="__TMPL__/public/assets/css/base.css" />
<link rel="stylesheet" href="__TMPL__/public/assets/css/index.css" />
<link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css" />
<title>明星访谈更多</title>
</head>
<body>
<include file="public@header"/>
<div class="index_sixth_top">
<!-- 明星访谈 -->
<div class="first_scene">
<div class="first_scene_contant">
<div class="first_scene_img">
<div class="first_scene_top_img">
<img src="__TMPL__/public/assets/images/cicon_38@2x.png" alt="" />
</div>
<div class="first_scene_top_ch">明星<span>访谈</span></div>
<div class="first_scene_top_en">
Star Interview
</div>
</div>
</div>
</div>
<!-- 胡歌 -->
<volist name="res['data']" id="vo" offset="0" length="1">
<a href="/portal/region/getStarDetail?id={$vo.id}">
<div class="video_star">
<div class="userimg">
<img src="{:cmf_get_image_url($vo.avatar)}" alt="" />
</div>
<div class="useraccount tip left">
<div class="useraccount_top">
<div class="useraccount_name">{$vo.full_name}</div>
<div class="useraccount_career">
{$vo.position}<span>{$vo.trade}</span>
</div>
</div>
<div class="useraccount_intro txt-cut" style="-webkit-line-clamp: 4;">
{$vo.post_excerpt}
</div>
</div>
</div>
</a>
</volist>
<volist name="res['data']" id="vo" offset="1">
<a href="/portal/region/getStarDetail?id={$vo.id}">
<div class="index_sixth_contant">
<div class="index_sixth_contant_img">
<img src="{:cmf_get_image_url($vo.avatar)}" alt="" />
</div>
<div class="index_sixth_contant_title">
<div class="index_sixth_contant_title_top">{$vo.full_name}</div>
<div class="index_sixth_contant_title_center">{$vo.position} {$vo.trade}</div>
<div class="index_sixth_contant_title_bottom txt-cut" style="-webkit-line-clamp: 6;">
{$vo.post_excerpt}
</div>
</div>
</div>
</a>
</volist>
</div>
<!--分页-->
<div class="page">
<div class="pagination">
{$page|default=''}
</div>
</div>
<include file="public@footer"/>
</body>
<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>
<script></script>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;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" href="__TMPL__/public/assets/css/bootstrap4.0.css">
<link rel="stylesheet" type="text/css" href="__TMPL__/public/assets/css/audio.css" />
<link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css" />
<title>星球故事更多</title>
</head>
<body>
<include file="public@header"/>
<div class="hpaay_storyBox">
<!--标题-->
<div class="hpin_main1Title">
<img src="__TMPL__/public/assets/images/cicon_23@2x.png" alt="" />
<h1>星球<span>故事</span></h1>
<p>Planet Story</p>
</div>
<!--内容-->
<div class="hpaay_storyCon">
<volist name="res['data']" id="vo" offset="0" length="1">
<div class="hpaay_storyLi">
<div class="hpaay_storyLi1">
<a href="/portal/star/getStoryDetail?id={$vo.id}">
<div class="hpaay_storyLImg">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
</div>
</a>
<div class="hpaay_storyLTxt">
<h2 class="txt-cut">{$vo.excerpt}</h2>
<span>{$vo.create_time|date="Y-m-d",###}</span>
</div>
</div>
<div class="hpaay_storyLi2">
</div>
<div class="hpin_mainCon2">
<notempty name="vo.audio">
<audio id="audio" src="{:cmf_get_file_download_url($vo.audio)}"></audio>
<else/>
<audio id="audio" src="http://link.hhtjim.com/163/442869240.mp3"></audio>
</notempty>
</div>
</div>
</volist>
<volist name="res['data']" id="vo" offset="1" length="1">
<div class="hpaay_storyLi">
<div class="hpaay_storyLi1">
<a href="/portal/star/getStoryDetail?id={$vo.id}">
<div class="hpaay_storyLTxt">
<h2 class="txt-cut">{$vo.excerpt}</h2>
<span>2019-01-09</span>
</div>
</a>
<div class="hpaay_storyLImg">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
</div>
</div>
<div class="hpaay_storyLi2">
</div>
<div class="hpin_mainCon2">
<notempty name="vo.audio">
<audio id="audio" src="{:cmf_get_file_download_url($vo.audio)}"></audio>
<else/>
<audio id="audio" src="http://link.hhtjim.com/163/442869240.mp3"></audio>
</notempty>
</div>
</div>
</volist>
<volist name="res['data']" id="vo" offset="2" length="1">
<div class="hpaay_storyLi">
<div class="hpaay_storyLi1">
<a href="/portal/star/getStoryDetail?id={$vo.id}">
<div class="hpaay_storyLImg">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
</div>
</a>
<div class="hpaay_storyLTxt">
<h2 class="txt-cut">{$vo.excerpt}</h2>
<span>{$vo.create_time|date="Y-m-d",###}</span>
</div>
</div>
<div class="hpaay_storyLi2">
</div>
<div class="hpin_mainCon2">
<notempty name="vo.audio">
<audio id="audio" src="{:cmf_get_file_download_url($vo.audio)}"></audio>
<else/>
<audio id="audio" src="http://link.hhtjim.com/163/442869240.mp3"></audio>
</notempty>
</div>
</div>
</volist>
<volist name="res['data']" id="vo" offset="3" length="1">
<div class="hpaay_storyLi">
<div class="hpaay_storyLi1">
<a href="/portal/star/getStoryDetail?id={$vo.id}">
<div class="hpaay_storyLTxt">
<h2 class="txt-cut">{$vo.excerpt}</h2>
<span>2019-01-09</span>
</div>
</a>
<div class="hpaay_storyLImg">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
</div>
</div>
<div class="hpaay_storyLi2">
</div>
<div class="hpin_mainCon2">
<notempty name="vo.audio">
<audio id="audio" src="{:cmf_get_file_download_url($vo.audio)}"></audio>
<else/>
<audio id="audio" src="http://link.hhtjim.com/163/442869240.mp3"></audio>
</notempty>
</div>
</div>
</volist>
<volist name="res['data']" id="vo" offset="4" length="1">
<div class="hpaay_storyLi">
<div class="hpaay_storyLi1">
<a href="/portal/star/getStoryDetail?id={$vo.id}">
<div class="hpaay_storyLImg">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
</div>
</a>
<div class="hpaay_storyLTxt">
<h2 class="txt-cut">{$vo.excerpt}</h2>
<span>{$vo.create_time|date="Y-m-d",###}</span>
</div>
</div>
<div class="hpaay_storyLi2">
</div>
<div class="hpin_mainCon2">
<notempty name="vo.audio">
<audio id="audio" src="{:cmf_get_file_download_url($vo.audio)}"></audio>
<else/>
<audio id="audio" src="http://link.hhtjim.com/163/442869240.mp3"></audio>
</notempty>
</div>
</div>
</volist>
<volist name="res['data']" id="vo" offset="5" length="1">
<div class="hpaay_storyLi">
<div class="hpaay_storyLi1">
<a href="/portal/star/getStoryDetail?id={$vo.id}">
<div class="hpaay_storyLTxt">
<h2 class="txt-cut">{$vo.excerpt}</h2>
<span>2019-01-09</span>
</div>
</a>
<div class="hpaay_storyLImg">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
</div>
</div>
<div class="hpaay_storyLi2">
</div>
<div class="hpin_mainCon2">
<notempty name="vo.audio">
<audio id="audio" src="{:cmf_get_file_download_url($vo.audio)}"></audio>
<else/>
<audio id="audio" src="http://link.hhtjim.com/163/442869240.mp3"></audio>
</notempty>
</div>
</div>
</volist>
<volist name="res['data']" id="vo" offset="6" length="1">
<div class="hpaay_storyLi">
<div class="hpaay_storyLi1">
<a href="/portal/star/getStoryDetail?id={$vo.id}">
<div class="hpaay_storyLImg">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
</div>
</a>
<div class="hpaay_storyLTxt">
<h2 class="txt-cut">{$vo.excerpt}</h2>
<span>{$vo.create_time|date="Y-m-d",###}</span>
</div>
</div>
<div class="hpaay_storyLi2">
</div>
<div class="hpin_mainCon2">
<notempty name="vo.audio">
<audio id="audio" src="{:cmf_get_file_download_url($vo.audio)}"></audio>
<else/>
<audio id="audio" src="http://link.hhtjim.com/163/442869240.mp3"></audio>
</notempty>
</div>
</div>
</volist>
<volist name="res['data']" id="vo" offset="7" length="1">
<div class="hpaay_storyLi">
<div class="hpaay_storyLi1">
<a href="/portal/star/getStoryDetail?id={$vo.id}">
<div class="hpaay_storyLTxt">
<h2 class="txt-cut">{$vo.excerpt}</h2>
<span>2019-01-09</span>
</div>
</a>
<div class="hpaay_storyLImg">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
</div>
</div>
<div class="hpaay_storyLi2">
</div>
<div class="hpin_mainCon2">
<notempty name="vo.audio">
<audio id="audio" src="{:cmf_get_file_download_url($vo.audio)}"></audio>
<else/>
<audio id="audio" src="http://link.hhtjim.com/163/442869240.mp3"></audio>
</notempty>
</div>
</div>
</volist>
</div>
<!--分页-->
<div class="page">
<div class="pagination">
{$page|default=''}
</div>
</div>
</div>
<include file="public@footer"/>
<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/k-audio.js"></script>
<script src="__TMPL__/public/assets/js/public.js"></script>
<script type="text/javascript">
//音频
var audios = document.getElementsByTagName('audio');
for (var i = 0; i < audios.length; i++) {
var a = new kac(audios[i], 800, 30, "https://raw.githubusercontent.com/KIPI-C/k-audio.js/master/22.lrc", true);
a.style("#E1E1E6");
}
// 获取所有audios
var audios = document.getElementsByTagName("audio");
// 暂停函数
function pauseAll() {
var self = this;
[].forEach.call(audios, function(i) {
// 将audios中其他的audio全部暂停
i !== self && i.pause();
})
}
// 给play事件绑定暂停函数
[].forEach.call(audios, function(i) {
i.addEventListener("play", pauseAll.bind(i));
})
</script>
</body>
</html>
\ No newline at end of file
... ...
... ... @@ -72,7 +72,7 @@
</div>
<!-- 明星访谈 -->
<div class="first_scene">
<div class="first_scene_contant">
<div class="first_scene_contant" id="star_interview">
<div class="first_scene_img">
<div class="first_scene_top_img">
<img src="__TMPL__/public/assets/images/cicon_38@2x.png" alt="" />
... ... @@ -104,15 +104,26 @@
</a>
</div>
</div>
<div class="video_bottom">
<a href="/portal/region/getMoreStar">
<div class="video_bottom_contant">
more+
</div>
</a>
</div>
<!-- 星球故事 -->
<div class="first_scene">
<div class="first_scene_contant">
<div class="first_scene_contant" id="story">
<div class="first_scene_img">
<div class="first_scene_top_img">
<img src="__TMPL__/public/assets/images/cicon_39@2x.png" alt="" />
</div>
<div class="first_scene_top_ch">星球<span>故事</span></div>
<div class="first_scene_top_en"></div>
<div class="first_scene_top_en">
Planet Story
</div>
</div>
</div>
</div>
... ... @@ -139,9 +150,18 @@
</volist>
</div>
</div>
<div class="video_bottom">
<a href="/portal/region/getMoreStory">
<div class="video_bottom_contant">
more+
</div>
</a>
</div>
<!-- 星球画廊 -->
<div class="first_scene">
<div class="first_scene_contant">
<div class="first_scene_contant" id="gallery">
<div class="first_scene_img">
<div class="first_scene_top_img">
<img src="__TMPL__/public/assets/images/cicon_40@2x.png" alt="" />
... ... @@ -168,9 +188,18 @@
</ul>
</div>
</div>
<div class="video_bottom">
<a href="/portal/region/getMoreGallery">
<div class="video_bottom_contant">
more+
</div>
</a>
</div>
<!-- 独角快报 -->
<div class="first_scene">
<div class="first_scene_contant">
<div class="first_scene_contant" id="news">
<div class="first_scene_img">
<div class="first_scene_top_img">
<img src="__TMPL__/public/assets/images/cicon_41@2x.png" alt="" />
... ... @@ -197,9 +226,18 @@
</a>
</volist>
</div>
<div class="video_bottom">
<a href="/portal/region/getMoreNews">
<div class="video_bottom_contant">
more+
</div>
</a>
</div>
<!-- 独角日志 -->
<div class="first_scene">
<div class="first_scene_contant">
<div class="first_scene_contant" id="note">
<div class="first_scene_img">
<div class="first_scene_top_img">
<img src="__TMPL__/public/assets/images/cicon_45@2x.png" alt="" />
... ... @@ -248,7 +286,7 @@
</div>
<!-- 公益未来 -->
<div class="first_scene">
<div class="first_scene_contant">
<div class="first_scene_contant" id="future">
<div class="first_scene_img">
<div class="first_scene_top_img">
<img src="__TMPL__/public/assets/images/cicon_44@2x.png" alt="" />
... ...
... ... @@ -32,7 +32,7 @@
</div>
<!-- 星际活动 -->
<div class="first_scene">
<div class="first_scene_contant">
<div class="first_scene_contant" id="travel">
<div class="first_scene_img">
<div class="first_scene_top_img">
<img src="__TMPL__/public/assets/images/cicon_59@2x.png" alt="" />
... ... @@ -68,7 +68,7 @@
</div>
<!-- 地道风物 -->
<div class="first_scene">
<div class="first_scene_contant">
<div class="first_scene_contant" id="scenery">
<div class="first_scene_img">
<div class="first_scene_top_img">
<img src="__TMPL__/public/assets/images/cicon_60@2x.png" alt="" />
... ... @@ -107,7 +107,7 @@
</div>
<!-- 创意设计 -->
<div class="first_scene">
<div class="first_scene_contant">
<div class="first_scene_contant" id="design">
<div class="first_scene_img">
<div class="first_scene_top_img">
<img src="__TMPL__/public/assets/images/cicon_61@2x.png" alt="" />
... ... @@ -146,7 +146,7 @@
</div>
<!-- 悦己悦人 -->
<div class="first_scene">
<div class="first_scene_contant">
<div class="first_scene_contant" id="like">
<div class="first_scene_img">
<div class="first_scene_top_img">
<img src="__TMPL__/public/assets/images/cicon_62@2x.png" alt="" />
... ...
<!DOCTYPE html>
<html lang="en">
<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" href="__TMPL__/public/assets/css/swiper-3.4.2.min.css" />
<link rel="stylesheet" href="__TMPL__/public/assets/css/base.css" />
<link rel="stylesheet" href="__TMPL__/public/assets/css/index.css" />
<link rel="stylesheet" href="__TMPL__/public/assets/css/mask.css" />
<link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css" />
<title>活力生态详情</title>
</head>
<body>
<include file="public@header"/>
<include file="public@slide"/>
<div class="mask">
</div>
<!-- banner -->
<div class="index_eight_top">
<div class="index_eight_banner">
<img src="{:cmf_get_image_url($res.image_url)}" alt="" />
</div>
</div>
<!-- 详情 -->
<div class="index_eight_detail">
<div class="index_eight_detail_contant">
<div class="index_eight_detail_one">
{$res.post_title}
</div>
<div class="index_eight_detail_two">
<!--2019-02-04-->
</div>
<div class="index_eight_detail_three">
{$res.post_content}
</div>
</div>
</div>
<!--评论-->
<include file="public@comment"/>
<include file="public@footer"/>
</body>
<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>
<script></script>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html lang="en">
<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" href="__TMPL__/public/assets/css/swiper-3.4.2.min.css" />
<link rel="stylesheet" href="__TMPL__/public/assets/css/base.css" />
<link rel="stylesheet" href="__TMPL__/public/assets/css/index.css" />
<link rel="stylesheet" href="__TMPL__/public/assets/css/mask.css" />
<link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css" />
<title>异域珍馐详情页</title>
</head>
<body>
<include file="public@header"/>
<include file="public@slide"/>
<div class="mask">
</div>
<!-- banner -->
<div class="index_eight_top">
<div class="index_eight_banner">
<img src="{:cmf_get_image_url($res.image_url)}" alt="" />
</div>
</div>
<!-- 详情 -->
<div class="index_eight_detail">
<div class="index_eight_detail_contant">
<div class="index_eight_detail_one">
{$res.post_title}
</div>
<div class="index_eight_detail_two">
<!--2019-02-04-->
</div>
<div class="index_eight_detail_three">
{$res.post_content}
</div>
</div>
</div>
<include file="public@comment"/>
<include file="public@footer"/>
</body>
<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>
<script></script>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;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" href="__TMPL__/public/assets/css/happy.css" />
<link rel="stylesheet" href="__TMPL__/public/assets/css/mask.css" />
<title>良宿美寝详情</title>
</head>
<body>
<include file="public@header"/>
<include file="public@slide"/>
<div class="mask">
</div>
<div class="happy_lodgeBox">
<!--标题-->
<h1 class="hp_lodTit">{$res.post_title}</h1>
<!--大图-->
<div class="hp_lodMax">
<notempty name="res.image_one">
<img src="{:cmf_get_image_url($res.image_one)}" alt="">
</notempty>
</div>
<!--小图-->
<div class="hp_lodMin">
<volist name="res.image_url" id="vo">
<div class="hp_lodMinImg">
<p></p>
<img src="{:cmf_get_image_url($vo.url)}" alt="" />
</div>
</volist>
</div>
<!--联系方式-->
<div class="happy_lodList">
<ul>
<li>
<div class="happy_lodListImg">
<img src="__TMPL__/public/assets/images/cicon_96@2x.png" alt="" />
</div>
<div class="happy_lodListTxt">
<p class="happy_lodListTxt1">电话：<p>
<p class="happy_lodListTxt2">{$res.tel}</p>
</div>
</li>
<li>
<div class="happy_lodListImg">
<img src="__TMPL__/public/assets/images/cicon_97@2x.png" alt="" />
</div>
<div class="happy_lodListTxt">
<p class="happy_lodListTxt1">网址：</p>
<p class="happy_lodListTxt2">{$res.url}</p>
</div>
</li>
<li>
<div class="happy_lodListImg">
<img src="__TMPL__/public/assets/images/cicon_98@2x.png" alt="" />
</div>
<div class="happy_lodListTxt">
<p class="happy_lodListTxt1">地址：<p>
<p class="happy_lodListTxt2">{$res.address}</p>
</div>
</li>
</ul>
</div>
<!--详细-->
<div class="hapy_lodDetail">
{$res.post_content}
</div>
</div>
<!--评论-->
<include file="public@comment"/>
<include file="public@footer"/>
<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/public.js"></script>
<script type="text/javascript">
$(function(){
$('.hp_lodMinImg').click(function(){
$(this).find("p").css("opacity","0").parents(".hp_lodMinImg").siblings(".hp_lodMinImg").find("p").css("opacity","0.5");
var img = $(this).children('img').attr('src');
$('.hp_lodMax img').attr('src',img);
})
})
</script>
</body>
</html>
... ...
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;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" href="__TMPL__/public/assets/css/bootstrap4.0.css">
<link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css" />
<title>活力更多</title>
</head>
<body>
<include file="public@header"/>
<div class="happpy_dynamicBox">
<!--头部-->
<div class="hpin_title">
<img src="__TMPL__/public/assets/images/cicon_06@2x.png" alt="" />
<p>{$city_name}</p>
</div>
<!--标题-->
<div class="hpin_main1Title">
<img src="__TMPL__/public/assets/images/cicon_21@2x.png" alt="" />
<h1>活力<span>生态</span></h1>
<p>Responsible Tourism</p>
</div>
<!--内容-->
<div class="hp_dyCon">
<ul>
<volist name="res['data']" id="vo">
<a href="/portal/star/getHotelDetail?id={$vo.id}">
<li>
<div class="hp_dyConImg">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
</div>
<div class="hp_dyConTxt">
<h1 class="hp_dyConTxt1 one-txt-cut">{$vo.post_title}</h1>
<p class="hp_dyConTxt2 txt-cut">
{$vo.post_excerpt}
</p>
</div>
</li>
</a>
</volist>
</ul>
</div>
<!--分页-->
<div class="page">
<!--分页-->
<div class="pagination">
{$page|default=''}
</div>
</div>
</div>
<include file="public@footer"/>
<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/public.js"></script>
</body>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;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" href="__TMPL__/public/assets/css/bootstrap4.0.css">
<link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css" />
<title>异域珍馐更多</title>
</head>
<body>
<include file="public@header"/>
<div class="happy_foreignBox">
<!--头部-->
<div class="hpin_title">
<img src="__TMPL__/public/assets/images/cicon_06@2x.png" alt="" />
<p>{$city_name}</p>
</div>
<!--标题-->
<div class="hpin_main1Title">
<img src="__TMPL__/public/assets/images/cicon_20@2x.png" alt="" />
<h1>异域<span>珍馐</span></h1>
<p>Gastronomy</p>
</div>
<!--内容-->
<div class="hpin_main3Con">
<ul>
<volist name="res['data']" id="vo" offset="0" length="2">
<li>
<a href="/portal/star/getFoodDetail?id={$vo.id}">
<div class="hpin_main3ConImg">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
</div>
<p class="hpin_main3ConTxt one-txt-cut">{$vo.post_title}</p>
</a>
</li>
</volist>
</ul>
</div>
<div class="hpin_main2Con">
<ul>
<volist name="res['data']" id="vo" offset="2" length="8">
<li>
<a href="/portal/star/getFoodDetail?id={$vo.id}">
<div class="hpin_main2Con1">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
</div>
<div class="hpin_main2ConBot">
<p class="hpin_main2Con2 one-txt-cut">{$vo.post_title}</p>
<div class="hpin_main2Con3">
<div class="hpin_main2Con3_1">
<img src="__TMPL__/public/assets/images/cicon_82@2x.png" alt="" />
<p>{$vo.post_hits}</p>
</div>
<div class="hpin_main2Con3_1">
<img src="__TMPL__/public/assets/images/cicon_81@2x.png" alt="" />
<p>{$vo.post_favorites}</p>
</div>
</div>
</div>
</a>
</li>
</volist>
</ul>
</div>
<!--分页-->
<div class="page">
<!--分页-->
<div class="pagination">
{$page|default=''}
</div>
</div>
</div>
<include file="public@footer"/>
<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/public.js"></script>
</body>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;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" href="__TMPL__/public/assets/css/bootstrap4.0.css">
<link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css" />
<title>良宿美寝更多</title>
</head>
<body>
<include file="public@header"/>
<div class="happpy_dynamicBox">
<!--头部-->
<div class="hpin_title">
<img src="__TMPL__/public/assets/images/cicon_06@2x.png" alt="" />
<p>{$city_name}</p>
</div>
<!--标题-->
<div class="hpin_main1Title">
<img src="__TMPL__/public/assets/images/cicon_21@2x.png" alt="" />
<h1>良宿<span>美寝</span></h1>
<p>Accommodation</p>
</div>
<!--内容-->
<div class="hp_dyCon">
<ul>
<volist name="res['data']" id="vo">
<a href="/portal/star/getHotelDetail?id={$vo.id}">
<li>
<div class="hp_dyConImg">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
</div>
<div class="hp_dyConTxt">
<h1 class="hp_dyConTxt1 one-txt-cut">{$vo.post_title}</h1>
<p class="hp_dyConTxt2 txt-cut">
{$vo.post_excerpt}
</p>
</div>
</li>
</a>
</volist>
</ul>
</div>
<!--分页-->
<div class="page">
<!--分页-->
<div class="pagination">
{$page|default=''}
</div>
</div>
</div>
<include file="public@footer"/>
<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/public.js"></script>
</body>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;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" href="__TMPL__/public/assets/css/bootstrap4.0.css">
<link rel="stylesheet" type="text/css" href="__TMPL__/public/assets/swiper3/swiper.min.css" />
<link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css" />
<title>网红美景更多</title>
</head>
<body>
<include file="public@header"/>
<div class="happy_landmarkBox">
<!--头部-->
<div class="hpin_title">
<img src="__TMPL__/public/assets/images/cicon_06@2x.png" alt="" />
<p>{$city_name}</p>
</div>
<!--标题-->
<div class="hpin_main1Title">
<img src="__TMPL__/public/assets/images/cicon_19@2x.png" alt="" />
<h1>网红<span>美景</span></h1>
<p>Top Attraction</p>
</div>
<!--轮播banner-->
<div class="hp_laBanner swiper-container">
<ul class="swiper-wrapper">
<volist name="image" id="vo" offset="0" lengt="4">
<li class="swiper-slide">
<div class="hp_laBannerImg">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
</div>
<div class="hp_laBannerTxt">
<p class="hp_laBannerTitle one-txt-cut">{$vo.post_title}</p>
<div class="hp_laBannerTxt1">
<img src="__TMPL__/public/assets/images/cicon_77@2x.png" alt="" />
<span>{$vo.post_hits}</span>
</div>
<div class="hp_laBannerTxt1">
<img src="__TMPL__/public/assets/images/cicon_78@2x.png" alt="" />
<span>{$vo.post_favorites}</span>
</div>
</div>
</li>
</volist>
</ul>
<div class="swiper-pagination"></div>
</div>
<!--内容-->
<div class="hpin_main2Con">
<ul>
<volist name="res['data']" id="vo">
<a href="/portal/star/getSceneryDetail?id={$vo.id}">
<li>
<div class="hpin_main2Con1">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
</div>
<div class="hpin_main2ConBot">
<p class="hpin_main2Con2 one-txt-cut">{$vo.post_title}</p>
<div class="hpin_main2Con3">
<div class="hpin_main2Con3_1">
<img src="__TMPL__/public/assets/images/cicon_82@2x.png" alt="" />
<p>{$vo.post_hits}</p>
</div>
<div class="hpin_main2Con3_1">
<img src="__TMPL__/public/assets/images/cicon_81@2x.png" alt="" />
<p>{$vo.post_favorites}</p>
</div>
</div>
</div>
</li>
</a>
</volist>
</ul>
</div>
<!--分页-->
<div class="page">
<!--分页-->
<div class="pagination">
{$page|default=''}
</div>
</div>
</div>
<include file="public@footer"/>
<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/swiper3/swiper.min.js"></script>
<script src="__TMPL__/public/assets/js/public.js"></script>
<script type="text/javascript">
//banner轮播
var swiper = new Swiper('.swiper-container', {
pagination: '.swiper-pagination',
paginationClickable: true,
centeredSlides: true,
autoplay: 2500,
spaceBetween: 20,
loop: true,
autoplayDisableOnInteraction: false
});
</script>
</body>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;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" href="__TMPL__/public/assets/css/bootstrap4.0.css">
<link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css" />
<title>便利出行更多</title>
</head>
<body>
<include file="public@header"/>
<div class="happy_convenientBox">
<!--头部-->
<div class="hpin_title">
<img src="__TMPL__/public/assets/images/cicon_06@2x.png" alt="" />
<p>{$city_name}</p>
</div>
<!--标题-->
<div class="hpin_main1Title">
<img src="__TMPL__/public/assets/images/cicon_60@2x.png" alt="" />
<h1>便利<span>出行</span></h1>
<p>Easy Travel</p>
</div>
<!--图片-->
<div class="hp_coImg">
<volist name="res['data']" id="vo" length="3">
<div class="hp_coImg1">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
<p></p>
</div>
</volist>
</div>
<!--内容-->
<div class="hp_coCon">
<ul>
<volist name="res['data']" id="vo">
<a href="/portal/star/getTravelDetail?id={$vo.id}">
<li>
<div class="hp_coImg2">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
</div>
<p class="hp_coConTxt">{$vo.post_title}</p>
</li>
</a>
</volist>
</ul>
</div>
<!--分页-->
<div class="page">
<div class="pagination">
{$page|default=''}
</div>
</div>
</div>
<include file="public@footer"/>
<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/public.js"></script>
<script type="text/javascript">
$('.hp_coImg1').click(function(){
$(this).find('p').css('opacity','0').parent('.hp_coImg1').siblings('.hp_coImg1').find('p').css('opacity','0.6');
})
</script>
</body>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html lang="en">
<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" href="__TMPL__/public/assets/css/swiper-3.4.2.min.css" />
<link rel="stylesheet" href="__TMPL__/public/assets/css/base.css" />
<link rel="stylesheet" href="__TMPL__/public/assets/css/index.css" />
<link rel="stylesheet" href="__TMPL__/public/assets/css/mask.css" />
<link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css" />
<title>网红美景详情</title>
</head>
<body>
<include file="public@header"/>
<include file="public@slide"/>
<div class="mask">
</div>
<!-- banner -->
<div class="index_eight_top">
<div class="index_eight_banner">
<img src="{:cmf_get_image_url($res.image_url)}" alt="" />
</div>
</div>
<!-- 详情 -->
<div class="index_eight_detail">
<div class="index_eight_detail_contant">
<div class="index_eight_detail_one">
{$res.post_title}
</div>
<div class="index_eight_detail_two">
<!--2019-02-04-->
</div>
<div class="index_eight_detail_three">
{$res.post_content}
</div>
</div>
</div>
<!--评论-->
<include file="public@comment"/>
<include file="public@footer"/>
</body>
<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>
<script></script>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html lang="en">
<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" href="__TMPL__/public/assets/css/swiper-3.4.2.min.css" />
<link rel="stylesheet" type="text/css" href="__TMPL__/public/assets/css/audio.css" />
<link rel="stylesheet" href="__TMPL__/public/assets/css/base.css" />
<link rel="stylesheet" href="__TMPL__/public/assets/css/index.css" />
<link rel="stylesheet" href="__TMPL__/public/assets/css/mask.css" />
<link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css" />
<title>星球故事详情</title>
</head>
<body>
<include file="public@header"/>
<include file="public@slide"/>
<div class="mask">
</div>
<!-- 星球故事 -->
<div class="first_scene">
<div class="first_scene_contant">
<div class="first_scene_img">
<div class="first_scene_top_img">
<img src="__TMPL__/public/assets/images/cicon_39@2x.png" alt="" />
</div>
<div class="first_scene_top_ch">星球<span>故事</span></div>
<div class="first_scene_top_en">
Planet Story
</div>
</div>
</div>
</div>
<div class="index_eighteenth">
<div class="index_eighteenth_top">
<div class="index_eighteenth_top_one">
<div class="index_eighteenth_to_left">
<img src="{:cmf_get_image_url($res.thumbnail)}" alt="" />
</div>
<div class="index_eighteenth_to_right">
<div class="index_eighteenth_to_right_one">
{$res.post_title}
</div>
<!--<div class="index_eighteenth_to_right_two">-->
<!--2019-01-09-->
<!--</div>-->
</div>
</div>
<div class="index_eighteenth_top_two">
{$res.excerpt}
</div>
<div class="index_eighteenth_top_three">
<audio id="audio" src="{:cmf_get_file_download_url($res.audio)}"></audio>
</div>
</div>
</div>
<div class="index_eighteenth">
<div class="index_eighteenth_top">
<div class="index_eighteenth_center_one">
{$res.post_content}
</div>
</div>
</div>
<!--评论-->
<include file="public@comment"/>
<include file="public@footer"/>
</body>
<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/k-audio.js"></script>
<script src="__TMPL__/public/assets/js/public.js"></script>
<script>
//音频
var audios = document.getElementsByTagName("audio");
for (var i = 0; i < audios.length; i++) {
var a = new kac(
audios[i],
800,
30,
"https://raw.githubusercontent.com/KIPI-C/k-audio.js/master/22.lrc",
true
);
a.style("#E1E1E6");
}
</script>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html lang="en">
<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" href="__TMPL__/public/assets/css/swiper-3.4.2.min.css" />
<link rel="stylesheet" href="__TMPL__/public/assets/css/base.css" />
<link rel="stylesheet" href="__TMPL__/public/assets/css/index.css" />
<link rel="stylesheet" href="__TMPL__/public/assets/css/mask.css" />
<link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css" />
<title>便利出行详情</title>
</head>
<body>
<include file="public@header"/>
<include file="public@slide"/>
<div class="mask">
</div>
<!-- banner -->
<div class="index_eight_top">
<div class="index_eight_banner">
<img src="{:cmf_get_image_url($res.image_url)}" alt="" />
</div>
</div>
<!-- 详情 -->
<div class="index_eight_detail">
<div class="index_eight_detail_contant">
<div class="index_eight_detail_one">
{$res.post_title}
</div>
<div class="index_eight_detail_two">
{$res.post_excerpt}
</div>
<div class="index_eight_detail_three">
{$res.post_content}
</div>
</div>
</div>
<!--评论-->
<include file="public@comment"/>
<include file="public@footer"/>
</body>
<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>
<script></script>
</html>
\ No newline at end of file
... ...
... ... @@ -3884,9 +3884,6 @@ tbody.collapse.show {
padding-left: 0;
list-style: none;
border-radius: 0.25rem;
margin-top:60px;
float:right;
/*text-align:center;*/
}
.page-item{
... ... @@ -3912,7 +3909,7 @@ tbody.collapse.show {
}
.page-item.disabled .page-link {
color: #333;
color: #09FF8E;
pointer-events: none;
/*background-color: #fff;*/
/*border-color: #ddd;*/
... ... @@ -3921,16 +3918,17 @@ tbody.collapse.show {
.page-link {
position: relative;
display: block;
padding: 0.1rem 0.1rem;
margin-left: -1px;
line-height: 1.25;
color: #333;
background-color: #fff;
padding: 0.1rem 0.2rem;
/*margin-left: -1px;*/
/*line-height: 1.25;*/
color: #09FF8E;
background-color: #e9ecef;
border: 1px solid #ddd;
font-size:0.5rem;
}
.page-link:focus, .page-link:hover {
color: #0056b3;
color: #09FF8E;
text-decoration: none;
background-color: #e9ecef;
border-color: #ddd;
... ...
... ... @@ -1097,6 +1097,7 @@ body {
bottom: 0.58rem;
padding: 0 0.84rem;
box-sizing: border-box;
z-index: 9999;
}
.share ul {
... ...
... ... @@ -480,7 +480,7 @@
/* 音频 */
.fourth_audio {
padding: 0.34rem 0.32rem 0.54rem 0.32rem
padding: 0.14rem 0.32rem 0.54rem 0.32rem
}
.fourth_audio_top_one {
... ... @@ -568,7 +568,7 @@
}
.fourth_huge_star {
margin-top: 0.44rem;
/*margin-top: 0.44rem;*/
display: flex;
display: -webkit-flex;
justify-content: flex-start;
... ... @@ -873,7 +873,7 @@
width: 7.5rem;
/* margin-top: 0.66rem;
margin-left: 0.32rem */
padding: 0.66rem 0.32rem 0.3rem 0.32rem;
padding: 0.66rem 0.32rem 0.1rem 0.32rem;
box-sizing: border-box;
}
... ... @@ -1549,7 +1549,7 @@
.index_eight_detail_one {
/* width:3.18rem; */
/* height: 0.3rem; */
font-size: 0.32rem;
font-size: 0.42rem;
font-family: PingFang-SC-Heavy;
font-weight: 800;
color: rgba(26, 26, 26, 1);
... ... @@ -1570,10 +1570,10 @@
.index_eight_detail_three {
/* width: 6.14rem; */
/* height: 2.8rem; */
font-size: 0.28rem;
font-size: 0.38rem;
font-family: PingFang-SC-Medium;
font-weight: 500;
color: rgba(51, 51, 51, 1);
color: #333;
/* line-height: 0.42rem; */
}
... ...
... ... @@ -14,7 +14,7 @@
box-sizing:border-box;
background:rgba(0,0,0,0.6);
border-radius:10px;
font-size:12px;
font-size:13px;
color:rgba(255,255,255,1);
z-index: 1000;
}
\ No newline at end of file
... ...
... ... @@ -23,13 +23,54 @@ $(function() {
});
});
// 收藏
$('.collections').click(function() {
if ($(this).children('img').attr('src') == host+'/images/bicon_02.png') {
var login = operation('/portal/star/collection');
if(login == 0){
return false;
}
$(this).children('img').attr('src', host+'/images/bicon_15.png');
} else {
var login = operation('/portal/star/cancelCollection');
if(login == 0){
return false;
}
$(this).children('img').attr('src', host+'/images/bicon_02.png');
}
});
//点赞
$('.likes').click(function() {
if ($(this).children('img').attr('src') == host+'/images/bicon_03.png') {
var login = operation('/portal/star/like');
if(login == 0){
return false;
}
$(this).children('img').attr('src', host+'/images/bicon_16.png');
} else {
var login = operation('/portal/star/cancelLike');
if(login == 0){
return false;
}
$(this).children('img').attr('src', host+'/images/bicon_03.png');
}
});
// 评论判断长度显示与隐藏
if ($('.show_2_pinL').length < 3) {
$('.show_main_more').hide();
$('.show_main2_show ul').removeClass('show_main2_show_H');
$('.show_main_more').removeClass('comments2_more');
} else {
$('.show_main_more').show();
}
//改变分页图标
$('.page-item').eq(0).children().text('<');
$('.page-item:last').children().text('>');
//点击评论收起与展开
$('.comments2_more').click(function() {
if ($(this).text() == "查看更多评论") {
if ($.trim($(this).text()) == '查看更多评论') {
$('.comments2').removeClass('comments2N');
$(this).text('收起');
} else {
... ... @@ -67,6 +108,43 @@ $(function() {
$('#myCollection').click(function(){
window.location.href = '/portal/login/myCollection';
});
//评论
$('#comment').click(function(){
var content = $('#comment_content').val();
var article_id = getUrlParam('id');
var url = window.location.pathname+window.location.search;
$.ajax({
type: 'POST',
url: "/portal/star/comment",
data: {
'content': content,
'article_id':article_id,
'url':url
},
dataType: 'json',
success: function (data) {
console.log(data);
if (data.code == 1) {
mask(data.msg);
$('#comment_content').val('');
} else {
mask(data.msg);
}
}
});
});
//关于我们
$('#about_us').click(function(){
window.location.href = '/portal/index/aboutUs';
});
//搜索
$("#keywords").keypress(function (e) {
if (e.which == 13) {
$("#searchForm").submit();//处理事件
}
});
});
//弹框
... ... @@ -77,4 +155,52 @@ function mask(msg) {
$('.mask').hide();
$('.mask').text('');
},4000);
}
//点赞收藏
function operation(url){
var article_id = getUrlParam('id');
var is_login = 1;
var post_url = window.location.pathname+window.location.search;
$.ajax({
type: 'POST',
url: url,
data: {
'article_id':article_id,
'post_url':post_url
},
dataType: 'json',
async : false,
success: function (data) {
if (data.code == 1) {
mask(data.msg);
} else {
mask(data.msg);
is_login = data.code;
}
}
});
return is_login;
}
//获取url的参数
function getUrlParam(paraName) {
var url = document.location.toString();
var arrObj = url.split("?");
if (arrObj.length > 1) {
var arrPara = arrObj[1].split("&");
var arr;
for (var i = 0; i < arrPara.length; i++) {
arr = arrPara[i].split("=");
if (arr != null && arr[0] == paraName) {
return arr[1];
}
}
return "";
} else {
return "";
}
}
\ No newline at end of file
... ...
<div class="comments">
<!--添加评论-->
<div class="comments1">
<div class="comments1_text">
<textarea placeholder="说点什么吧" maxlength="400" id="comment_content"></textarea>
</div>
<p class="comments_max">字数限100字符内</p>
<button class="comments_add" id="comment">添加评论</button>
</div>
<!--评论内容-->
<notempty name="comment">
<div class="comments2 comments2N">
<ul class="show_main2_show_H">
<volist name="comment" id="vo">
<li class="show_2_pinL">
<div class="comments2_Img">
<img src="{:cmf_get_image_url($vo.avatar)}" alt="" />
</div>
<div class="comments2_Txt">
<div class="comments2_Txt1">
<p class="comments2_Name">{$vo.nickname}</p>
<span class="comments2_Time">{$vo.create_time|date="Y-m-d",###}</span>
</div>
<p class="comments2_Txt2">{$vo.content}</p>
</div>
</li>
</volist>
</ul>
<div class="comments2_more show_main_more">
查看更多评论
</div>
</div>
</notempty>
</div>
\ No newline at end of file
... ...
<div class="share">
<ul>
<li class="share1">
<div class="share1_Img">
<img src="__TMPL__/public/assets/images/bicon_04.png" alt="" />
</div>
<p class="share1_Txt">3.6k</p>
</li>
<li class="share1">
<div class="share1_Img">
<img src="__TMPL__/public/assets/images/bicon_05.png" alt="" />
</div>
<p class="share1_Txt">168</p>
</li>
<!--收藏-->
<li class="share2">
<div class="share2_Img collections">
<notempty name="is_collection">
<img src="__TMPL__/public/assets/images/bicon_15.png" alt="">
<else/>
<img src="__TMPL__/public/assets/images/bicon_02.png" alt="">
</notempty>
</div>
</li>
<!--点赞-->
<li class="share2">
<div class="share2_Img likes">
<notempty name="is_like">
<img src="__TMPL__/public/assets/images/bicon_16.png" alt="">
<else/>
<img src="__TMPL__/public/assets/images/bicon_03.png" alt="">
</notempty>
</div>
</li>
</ul>
</div>
\ No newline at end of file
... ...