景龙 / xingqiu · 提交

转到一个项目

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

渲染更多页以及详情页

内嵌 并排对比
正在显示 32 个修改的文件 包含 1712 行增加 和 36 行删除
@@ -243,13 +243,13 @@ return array ( @@ -243,13 +243,13 @@ return array (
243 'PORTAL_ADMINSCOUTDESIGN_DELETE' => '删除', 243 'PORTAL_ADMINSCOUTDESIGN_DELETE' => '删除',
244 'PORTAL_ADMINSCOUTDESIGN_EDIT' => '编辑显示', 244 'PORTAL_ADMINSCOUTDESIGN_EDIT' => '编辑显示',
245 'PORTAL_ADMINSCOUTDESIGN_EDITPOST' => '编辑提交', 245 'PORTAL_ADMINSCOUTDESIGN_EDITPOST' => '编辑提交',
246 - 'PORTAL_ADMINSCOUTDESIGN_INDEX' => '创意设计', 246 + 'PORTAL_ADMINSCOUTDESIGN_INDEX' => '旅游地产',
247 'PORTAL_ADMINSCOUTLIKE_ADD' => '添加显示', 247 'PORTAL_ADMINSCOUTLIKE_ADD' => '添加显示',
248 'PORTAL_ADMINSCOUTLIKE_ADDPOST' => '添加提交', 248 'PORTAL_ADMINSCOUTLIKE_ADDPOST' => '添加提交',
249 'PORTAL_ADMINSCOUTLIKE_DELETE' => '删除', 249 'PORTAL_ADMINSCOUTLIKE_DELETE' => '删除',
250 'PORTAL_ADMINSCOUTLIKE_EDIT' => '编辑显示', 250 'PORTAL_ADMINSCOUTLIKE_EDIT' => '编辑显示',
251 'PORTAL_ADMINSCOUTLIKE_EDITPOST' => '编辑提交', 251 'PORTAL_ADMINSCOUTLIKE_EDITPOST' => '编辑提交',
252 - 'PORTAL_ADMINSCOUTLIKE_INDEX' => '悦己悦人', 252 + 'PORTAL_ADMINSCOUTLIKE_INDEX' => '海外教育',
253 'PORTAL_ADMINSCOUTSCENERY_ADD' => '添加显示', 253 'PORTAL_ADMINSCOUTSCENERY_ADD' => '添加显示',
254 'PORTAL_ADMINSCOUTSCENERY_ADDPOST' => '添加提交', 254 'PORTAL_ADMINSCOUTSCENERY_ADDPOST' => '添加提交',
255 'PORTAL_ADMINSCOUTSCENERY_DELETE' => '删除', 255 'PORTAL_ADMINSCOUTSCENERY_DELETE' => '删除',
@@ -43,7 +43,7 @@ @@ -43,7 +43,7 @@
43 </div> 43 </div>
44 <!-- 亲临现场 --> 44 <!-- 亲临现场 -->
45 <div class="first_scene"> 45 <div class="first_scene">
46 - <div class="first_scene_contant"> 46 + <div class="first_scene_contant" id="own">
47 <div class="first_scene_img"> 47 <div class="first_scene_img">
48 <div class="first_scene_top_img"> 48 <div class="first_scene_top_img">
49 <img src="__TMPL__/public/assets/images/cicon_50@2x.png" alt="" /> 49 <img src="__TMPL__/public/assets/images/cicon_50@2x.png" alt="" />
@@ -86,7 +86,7 @@ @@ -86,7 +86,7 @@
86 </div> 86 </div>
87 <!-- 市井漫游 --> 87 <!-- 市井漫游 -->
88 <div class="first_scene"> 88 <div class="first_scene">
89 - <div class="first_scene_contant"> 89 + <div class="first_scene_contant" id="roam">
90 <div class="first_scene_img"> 90 <div class="first_scene_img">
91 <div class="first_scene_top_img"> 91 <div class="first_scene_top_img">
92 <img src="__TMPL__/public/assets/images/cicon_51@2x.png" alt="" /> 92 <img src="__TMPL__/public/assets/images/cicon_51@2x.png" alt="" />
@@ -129,7 +129,7 @@ @@ -129,7 +129,7 @@
129 </div> 129 </div>
130 <!-- 视听盛宴 --> 130 <!-- 视听盛宴 -->
131 <div class="first_scene"> 131 <div class="first_scene">
132 - <div class="first_scene_contant"> 132 + <div class="first_scene_contant" id="feast">
133 <div class="first_scene_img"> 133 <div class="first_scene_img">
134 <div class="first_scene_top_img"> 134 <div class="first_scene_top_img">
135 <img src="__TMPL__/public/assets/images/cicon_52@2x.png" alt="" /> 135 <img src="__TMPL__/public/assets/images/cicon_52@2x.png" alt="" />
@@ -172,7 +172,7 @@ @@ -172,7 +172,7 @@
172 </div> 172 </div>
173 <!-- 户外天堂 --> 173 <!-- 户外天堂 -->
174 <div class="first_scene"> 174 <div class="first_scene">
175 - <div class="first_scene_contant"> 175 + <div class="first_scene_contant" id="sky">
176 <div class="first_scene_img"> 176 <div class="first_scene_img">
177 <div class="first_scene_top_img"> 177 <div class="first_scene_top_img">
178 <img src="__TMPL__/public/assets/images/cicon_53@2x.png" alt="" /> 178 <img src="__TMPL__/public/assets/images/cicon_53@2x.png" alt="" />
@@ -605,7 +605,7 @@ @@ -605,7 +605,7 @@
605 <div class="recommend"> 605 <div class="recommend">
606 <div class="recommend_top"> 606 <div class="recommend_top">
607 <div class="top_state_title"> 607 <div class="top_state_title">
608 - <div class="top_state_ch">星域<span>推荐</span> 608 + <div class="top_state_ch">星探<span>推荐</span>
609 </div> 609 </div>
610 <div class="top_state_en"> 610 <div class="top_state_en">
611 STAR RECOMMENDATION 611 STAR RECOMMENDATION
@@ -42,11 +42,14 @@ @@ -42,11 +42,14 @@
42 </volist> 42 </volist>
43 </ul> 43 </ul>
44 </div> 44 </div>
  45 + </div>
45 46
  47 + <div class="page">
46 <!--分页--> 48 <!--分页-->
47 <div class="pagination"> 49 <div class="pagination">
48 {$page|default=''} 50 {$page|default=''}
49 </div> 51 </div>
  52 +
50 </div> 53 </div>
51 54
52 <!-- 底部 --> 55 <!-- 底部 -->
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +
  4 +<head>
  5 + <meta charset="UTF-8">
  6 + <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
  7 + <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
  8 + <meta http-equiv="X-UA-Compatible" content="ie=edge">
  9 + <link rel="stylesheet" href="__TMPL__/public/assets/css/bootstrap4.0.css">
  10 + <link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css" />
  11 + <title>公益未来更多</title>
  12 +</head>
  13 +
  14 +<body>
  15 + <include file="public@header"/>
  16 + <div class="log_Box">
  17 + <!--标题-->
  18 + <div class="hpin_main1Title">
  19 + <img src="__TMPL__/public/assets/images/cicon_44@2x.png" alt="" />
  20 + <h1>公益<span>未来</span></h1>
  21 + <p>Great dreams & Education</p>
  22 + </div>
  23 + <!-- 内容 -->
  24 + <div class="log_con">
  25 + <ul>
  26 + <volist name="res['data']" id="vo">
  27 + <li>
  28 + <a href="/portal/region/getFutureDetail?id={$vo.id}">
  29 + <div class="log_Img">
  30 + <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
  31 + </div>
  32 + <div class="log_Txt">
  33 + <h1 class="log_Txt1 one-txt-cut">{$vo.post_title}</h1>
  34 + <p class="log_Txt2 txt-cut">{$vo.post_excerpt}</p>
  35 + </div>
  36 + </a>
  37 + </li>
  38 + </volist>
  39 + </ul>
  40 + </div>
  41 + <!--分页-->
  42 + <div class="page">
  43 + <div class="pagination">
  44 + {$page|default=''}
  45 + </div>
  46 + </div>
  47 + </div>
  48 + <include file="public@footer"/>
  49 + <script src="__TMPL__/public/assets/js/base.js"></script>
  50 + <script src="__TMPL__/public/assets/js/jquery-2.1.0.js"></script>
  51 + <script src="__TMPL__/public/assets/js/public.js"></script>
  52 +</body>
  53 +
  54 +</html>
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +
  4 +<head>
  5 + <meta charset="UTF-8" />
  6 + <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
  7 + <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  8 + <link rel="stylesheet" href="__TMPL__/public/assets/css/bootstrap4.0.css">
  9 + <link rel="stylesheet" href="__TMPL__/public/assets/css/swiper-3.4.2.min.css" />
  10 + <link rel="stylesheet" href="__TMPL__/public/assets/css/base.css" />
  11 + <link rel="stylesheet" href="__TMPL__/public/assets/css/index.css" />
  12 + <link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css" />
  13 + <title>星球画廊更多</title>
  14 +</head>
  15 +
  16 +<body>
  17 + <!-- banner -->
  18 + <!--<div class="first_top">-->
  19 + <!--<div class="first_top_img">-->
  20 + <!--<img src="__TMPL__/public/assets/images/cicon_10@2x.png" alt="" />-->
  21 + <!--</div>-->
  22 + <!--<div class="first_top_title">-->
  23 + <!--PLANET DISCOVERY-->
  24 + <!--</div>-->
  25 + <!--</div>-->
  26 + <include file="public@header"/>
  27 + <!-- 星球画廊 -->
  28 + <div class="first_scene">
  29 + <div class="first_scene_contant">
  30 + <div class="first_scene_img">
  31 + <div class="first_scene_top_img">
  32 + <img src="__TMPL__/public/assets/images/cicon_40@2x.png" alt="" />
  33 + </div>
  34 + <div class="first_scene_top_ch">星球<span>画廊</span></div>
  35 + <div class="first_scene_top_en">
  36 + star Gallery
  37 + </div>
  38 + </div>
  39 + </div>
  40 + </div>
  41 + <div class="second_img">
  42 + <volist name="res['data']" id="vo">
  43 + <a href="/portal/region/getGalleryDetail?id={$vo.id}">
  44 + <div class="second_img_list">
  45 + <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
  46 + </div>
  47 + </a>
  48 + </volist>
  49 + </div>
  50 +
  51 + <!--分页-->
  52 + <div class="page">
  53 + <div class="pagination">
  54 + {$page|default=''}
  55 + </div>
  56 + </div>
  57 + <include file="public@footer"/>
  58 +</body>
  59 +<script src="__TMPL__/public/assets/js/base.js"></script>
  60 +<script src="__TMPL__/public/assets/js/jquery-2.1.0.js"></script>
  61 +<script src="__TMPL__/public/assets/js/swiper.min.js"></script>
  62 +<script src="__TMPL__/public/assets/js/public.js"></script>
  63 +<script>
  64 + // 星域秀场视频
  65 + var video = document.getElementById("video");
  66 +
  67 + function bofang() {
  68 + video.play();
  69 + $("#video").attr("controls", "controls");
  70 + $(".video_start").hide();
  71 + }
  72 + // swiper
  73 + var swiper = new Swiper(".swiper-container", {
  74 + slidesPerView: 4,
  75 + spaceBetween: 53,
  76 + pagination: {
  77 + el: ".swiper-pagination",
  78 + clickable: true
  79 + },
  80 + navigation: {
  81 + nextEl: ".swiper-button-next",
  82 + prevEl: ".swiper-button-prev"
  83 + }
  84 + });
  85 +</script>
  86 +
  87 +</html>
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +
  4 +<head>
  5 + <meta charset="UTF-8" />
  6 + <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
  7 + <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  8 + <link rel="stylesheet" href="__TMPL__/public/assets/css/bootstrap4.0.css">
  9 + <link rel="stylesheet" href="__TMPL__/public/assets/css/swiper-3.4.2.min.css" />
  10 + <link rel="stylesheet" href="__TMPL__/public/assets/css/base.css" />
  11 + <link rel="stylesheet" href="__TMPL__/public/assets/css/index.css" />
  12 + <link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css">
  13 + <title>独角快报更多</title>
  14 +</head>
  15 +
  16 +<body>
  17 + <include file="public@header"/>
  18 + <!-- 独角快报 -->
  19 + <div class="first_scene">
  20 + <div class="first_scene_contant">
  21 + <div class="first_scene_img">
  22 + <div class="first_scene_top_img">
  23 + <img src="__TMPL__/public/assets/images/cicon_41@2x.png" alt="" />
  24 + </div>
  25 + <div class="first_scene_top_ch">独角<span>快报</span></div>
  26 + <div class="first_scene_top_en">
  27 + Planet Express
  28 + </div>
  29 + </div>
  30 + </div>
  31 + <!-- 独角快报 -->
  32 + <div class="index_fifth_contant">
  33 + <volist name="res['data']" id="vo" offset="0" length="1">
  34 + <div class="index_fifth_one">
  35 + <a href="/portal/region/getNewsDetail?id={$vo.id}">
  36 + <div class="index_fifth_one_img">
  37 + <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
  38 + </div>
  39 + <div class="index_fifth_one_title">
  40 + <div class="index_fifth_one_title_top">
  41 + {$vo.post_title}
  42 + </div>
  43 + <div class="index_fifth_one_title_bottom">
  44 + {$vo.create_time|date="Y-m-d",###}
  45 + </div>
  46 + </div>
  47 + </a>
  48 + </div>
  49 + </volist>
  50 +
  51 + <volist name="res['data']" id="vo" offset="1" length="2">
  52 + <div class="index_fifth_two">
  53 + <a href="/portal/region/getNewsDetail?id={$vo.id}">
  54 + <div class="index_fifth_two_left">
  55 + <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
  56 + </div>
  57 + <div class="index_fifth_two_right">
  58 + <div class="index_fifth_two_right_top txt-cut" style="-webkit-line-clamp: 2;">
  59 + {$vo.post_title}
  60 + </div>
  61 + <div class="index_fifth_two_fifth_bottom">
  62 + {$vo.create_time|date="Y-m-d",###}
  63 + </div>
  64 + </div>
  65 + </a>
  66 + </div>
  67 + </volist>
  68 +
  69 +
  70 + <volist name="res['data']" id="vo" offset="3" length="1">
  71 + <div class="index_fifth_one index_fifth_second">
  72 + <a href="/portal/region/getNewsDetail?id={$vo.id}">
  73 + <div class="index_fifth_one_img">
  74 + <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
  75 + </div>
  76 + <div class="index_fifth_one_title">
  77 + <div class="index_fifth_one_title_top">
  78 + {$vo.post_title}
  79 + </div>
  80 + <div class="index_fifth_one_title_bottom">
  81 + {$vo.create_time|date="Y-m-d",###}
  82 + </div>
  83 + </div>
  84 + </a>
  85 + </div>
  86 + </volist>
  87 +
  88 + <volist name="res['data']" id="vo" offset="4" length="2">
  89 + <div class="index_fifth_two">
  90 + <div class="index_fifth_two_left">
  91 + <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
  92 + </div>
  93 + <div class="index_fifth_two_right">
  94 + <div class="index_fifth_two_right_top txt-cut" style="-webkit-line-clamp: 2;">
  95 + {$vo.post_title}
  96 + </div>
  97 + <div class="index_fifth_two_fifth_bottom">
  98 + {$vo.create_time|date="Y-m-d",###}
  99 + </div>
  100 + </div>
  101 + </div>
  102 + </volist>
  103 + </div>
  104 +
  105 + <!--分页-->
  106 + <div class="page">
  107 + <div class="pagination">
  108 + {$page|default=''}
  109 + </div>
  110 + </div>
  111 + </div>
  112 + <include file="public@footer"/>
  113 +</body>
  114 +<script src="__TMPL__/public/assets/js/base.js"></script>
  115 +<script src="__TMPL__/public/assets/js/jquery-2.1.0.js"></script>
  116 +<script src="__TMPL__/public/assets/js/swiper.min.js"></script>
  117 +<script src="__TMPL__/public/assets/js/public.js"></script>
  118 +<script></script>
  119 +
  120 +</html>
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +
  4 +<head>
  5 + <meta charset="UTF-8">
  6 + <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
  7 + <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
  8 + <meta http-equiv="X-UA-Compatible" content="ie=edge">
  9 + <link rel="stylesheet" href="__TMPL__/public/assets/css/bootstrap4.0.css">
  10 + <link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css" />
  11 + <title>独角日志更多</title>
  12 +</head>
  13 +
  14 +<body>
  15 + <include file="public@header"/>
  16 + <div class="log_Box">
  17 + <!--标题-->
  18 + <div class="hpin_main1Title">
  19 + <img src="__TMPL__/public/assets/images/cicon_45@2x.png" alt="" />
  20 + <h1>独角<span>日志</span></h1>
  21 + <p>Neo Blog</p>
  22 + </div>
  23 + <!-- 内容 -->
  24 + <div class="log_con">
  25 + <ul>
  26 + <volist name="res['data']" id="vo">
  27 + <li>
  28 + <a href="/portal/region/getNoteDetail?id={$vo.id}">
  29 + <div class="log_Img">
  30 + <img src="{:cmf_get_image_url($vo.index_thumbnail)}" alt="">
  31 + </div>
  32 + <div class="log_Txt">
  33 + <h1 class="log_Txt1 one-txt-cut">{$vo.post_title}</h1>
  34 + <p class="log_Txt2 txt-cut">{$vo.post_excerpt}</p>
  35 + <div class="log_Img2">
  36 + <img src="{:cmf_get_image_url($vo.avatar)}" alt="">
  37 + </div>
  38 + </div>
  39 + </a>
  40 + </li>
  41 + </volist>
  42 + </ul>
  43 + </div>
  44 + <!--分页-->
  45 + <div class="page">
  46 + <div class="pagination">
  47 + {$page|default=''}
  48 + </div>
  49 + </div>
  50 + </div>
  51 + <include file="public@footer"/>
  52 + <script src="__TMPL__/public/assets/js/base.js"></script>
  53 + <script src="__TMPL__/public/assets/js/jquery-2.1.0.js"></script>
  54 + <script src="__TMPL__/public/assets/js/public.js"></script>
  55 +</body>
  56 +
  57 +</html>
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +
  4 +<head>
  5 + <meta charset="UTF-8" />
  6 + <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
  7 + <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  8 + <link rel="stylesheet" href="__TMPL__/public/assets/css/bootstrap4.0.css">
  9 + <link rel="stylesheet" href="__TMPL__/public/assets/css/swiper-3.4.2.min.css" />
  10 + <link rel="stylesheet" href="__TMPL__/public/assets/css/base.css" />
  11 + <link rel="stylesheet" href="__TMPL__/public/assets/css/index.css" />
  12 + <link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css" />
  13 + <title>明星访谈更多</title>
  14 +</head>
  15 +
  16 +<body>
  17 + <include file="public@header"/>
  18 + <div class="index_sixth_top">
  19 + <!-- 明星访谈 -->
  20 + <div class="first_scene">
  21 + <div class="first_scene_contant">
  22 + <div class="first_scene_img">
  23 + <div class="first_scene_top_img">
  24 + <img src="__TMPL__/public/assets/images/cicon_38@2x.png" alt="" />
  25 + </div>
  26 + <div class="first_scene_top_ch">明星<span>访谈</span></div>
  27 + <div class="first_scene_top_en">
  28 + Star Interview
  29 + </div>
  30 + </div>
  31 + </div>
  32 + </div>
  33 + <!-- 胡歌 -->
  34 + <volist name="res['data']" id="vo" offset="0" length="1">
  35 + <a href="/portal/region/getStarDetail?id={$vo.id}">
  36 + <div class="video_star">
  37 + <div class="userimg">
  38 + <img src="{:cmf_get_image_url($vo.avatar)}" alt="" />
  39 + </div>
  40 + <div class="useraccount tip left">
  41 + <div class="useraccount_top">
  42 + <div class="useraccount_name">{$vo.full_name}</div>
  43 + <div class="useraccount_career">
  44 + {$vo.position}<span>{$vo.trade}</span>
  45 + </div>
  46 + </div>
  47 + <div class="useraccount_intro txt-cut" style="-webkit-line-clamp: 4;">
  48 + {$vo.post_excerpt}
  49 + </div>
  50 + </div>
  51 + </div>
  52 + </a>
  53 + </volist>
  54 +
  55 + <volist name="res['data']" id="vo" offset="1">
  56 + <a href="/portal/region/getStarDetail?id={$vo.id}">
  57 + <div class="index_sixth_contant">
  58 + <div class="index_sixth_contant_img">
  59 + <img src="{:cmf_get_image_url($vo.avatar)}" alt="" />
  60 + </div>
  61 + <div class="index_sixth_contant_title">
  62 + <div class="index_sixth_contant_title_top">{$vo.full_name}</div>
  63 + <div class="index_sixth_contant_title_center">{$vo.position} {$vo.trade}</div>
  64 + <div class="index_sixth_contant_title_bottom txt-cut" style="-webkit-line-clamp: 6;">
  65 + {$vo.post_excerpt}
  66 + </div>
  67 + </div>
  68 + </div>
  69 + </a>
  70 + </volist>
  71 + </div>
  72 +
  73 +
  74 + <!--分页-->
  75 + <div class="page">
  76 + <div class="pagination">
  77 + {$page|default=''}
  78 + </div>
  79 + </div>
  80 +
  81 + <include file="public@footer"/>
  82 +</body>
  83 +<script src="__TMPL__/public/assets/js/base.js"></script>
  84 +<script src="__TMPL__/public/assets/js/jquery-2.1.0.js"></script>
  85 +<script src="__TMPL__/public/assets/js/swiper.min.js"></script>
  86 +<script src="__TMPL__/public/assets/js/public.js"></script>
  87 +<script></script>
  88 +
  89 +</html>
  1 +<!DOCTYPE html>
  2 +<html>
  3 +
  4 + <head>
  5 + <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
  6 + <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
  7 + <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8 + <link rel="stylesheet" href="__TMPL__/public/assets/css/bootstrap4.0.css">
  9 + <link rel="stylesheet" type="text/css" href="__TMPL__/public/assets/css/audio.css" />
  10 + <link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css" />
  11 + <title>星球故事更多</title>
  12 + </head>
  13 +
  14 + <body>
  15 + <include file="public@header"/>
  16 + <div class="hpaay_storyBox">
  17 + <!--标题-->
  18 + <div class="hpin_main1Title">
  19 + <img src="__TMPL__/public/assets/images/cicon_23@2x.png" alt="" />
  20 + <h1>星球<span>故事</span></h1>
  21 + <p>Planet Story</p>
  22 + </div>
  23 + <!--内容-->
  24 + <div class="hpaay_storyCon">
  25 + <volist name="res['data']" id="vo" offset="0" length="1">
  26 + <div class="hpaay_storyLi">
  27 + <div class="hpaay_storyLi1">
  28 + <a href="/portal/star/getStoryDetail?id={$vo.id}">
  29 + <div class="hpaay_storyLImg">
  30 + <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
  31 + </div>
  32 + </a>
  33 + <div class="hpaay_storyLTxt">
  34 + <h2 class="txt-cut">{$vo.excerpt}</h2>
  35 + <span>{$vo.create_time|date="Y-m-d",###}</span>
  36 + </div>
  37 + </div>
  38 + <div class="hpaay_storyLi2">
  39 +
  40 + </div>
  41 + <div class="hpin_mainCon2">
  42 + <notempty name="vo.audio">
  43 + <audio id="audio" src="{:cmf_get_file_download_url($vo.audio)}"></audio>
  44 + <else/>
  45 + <audio id="audio" src="http://link.hhtjim.com/163/442869240.mp3"></audio>
  46 + </notempty>
  47 + </div>
  48 + </div>
  49 + </volist>
  50 +
  51 + <volist name="res['data']" id="vo" offset="1" length="1">
  52 + <div class="hpaay_storyLi">
  53 + <div class="hpaay_storyLi1">
  54 + <a href="/portal/star/getStoryDetail?id={$vo.id}">
  55 + <div class="hpaay_storyLTxt">
  56 + <h2 class="txt-cut">{$vo.excerpt}</h2>
  57 + <span>2019-01-09</span>
  58 + </div>
  59 + </a>
  60 + <div class="hpaay_storyLImg">
  61 + <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
  62 + </div>
  63 + </div>
  64 + <div class="hpaay_storyLi2">
  65 +
  66 + </div>
  67 + <div class="hpin_mainCon2">
  68 + <notempty name="vo.audio">
  69 + <audio id="audio" src="{:cmf_get_file_download_url($vo.audio)}"></audio>
  70 + <else/>
  71 + <audio id="audio" src="http://link.hhtjim.com/163/442869240.mp3"></audio>
  72 + </notempty>
  73 + </div>
  74 + </div>
  75 + </volist>
  76 +
  77 + <volist name="res['data']" id="vo" offset="2" length="1">
  78 + <div class="hpaay_storyLi">
  79 + <div class="hpaay_storyLi1">
  80 + <a href="/portal/star/getStoryDetail?id={$vo.id}">
  81 + <div class="hpaay_storyLImg">
  82 + <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
  83 + </div>
  84 + </a>
  85 + <div class="hpaay_storyLTxt">
  86 + <h2 class="txt-cut">{$vo.excerpt}</h2>
  87 + <span>{$vo.create_time|date="Y-m-d",###}</span>
  88 + </div>
  89 + </div>
  90 + <div class="hpaay_storyLi2">
  91 +
  92 + </div>
  93 + <div class="hpin_mainCon2">
  94 + <notempty name="vo.audio">
  95 + <audio id="audio" src="{:cmf_get_file_download_url($vo.audio)}"></audio>
  96 + <else/>
  97 + <audio id="audio" src="http://link.hhtjim.com/163/442869240.mp3"></audio>
  98 + </notempty>
  99 + </div>
  100 + </div>
  101 + </volist>
  102 +
  103 + <volist name="res['data']" id="vo" offset="3" length="1">
  104 + <div class="hpaay_storyLi">
  105 + <div class="hpaay_storyLi1">
  106 + <a href="/portal/star/getStoryDetail?id={$vo.id}">
  107 + <div class="hpaay_storyLTxt">
  108 + <h2 class="txt-cut">{$vo.excerpt}</h2>
  109 + <span>2019-01-09</span>
  110 + </div>
  111 + </a>
  112 + <div class="hpaay_storyLImg">
  113 + <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
  114 + </div>
  115 + </div>
  116 + <div class="hpaay_storyLi2">
  117 +
  118 + </div>
  119 + <div class="hpin_mainCon2">
  120 + <notempty name="vo.audio">
  121 + <audio id="audio" src="{:cmf_get_file_download_url($vo.audio)}"></audio>
  122 + <else/>
  123 + <audio id="audio" src="http://link.hhtjim.com/163/442869240.mp3"></audio>
  124 + </notempty>
  125 + </div>
  126 + </div>
  127 + </volist>
  128 +
  129 + <volist name="res['data']" id="vo" offset="4" length="1">
  130 + <div class="hpaay_storyLi">
  131 + <div class="hpaay_storyLi1">
  132 + <a href="/portal/star/getStoryDetail?id={$vo.id}">
  133 + <div class="hpaay_storyLImg">
  134 + <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
  135 + </div>
  136 + </a>
  137 + <div class="hpaay_storyLTxt">
  138 + <h2 class="txt-cut">{$vo.excerpt}</h2>
  139 + <span>{$vo.create_time|date="Y-m-d",###}</span>
  140 + </div>
  141 + </div>
  142 + <div class="hpaay_storyLi2">
  143 +
  144 + </div>
  145 + <div class="hpin_mainCon2">
  146 + <notempty name="vo.audio">
  147 + <audio id="audio" src="{:cmf_get_file_download_url($vo.audio)}"></audio>
  148 + <else/>
  149 + <audio id="audio" src="http://link.hhtjim.com/163/442869240.mp3"></audio>
  150 + </notempty>
  151 + </div>
  152 + </div>
  153 + </volist>
  154 +
  155 + <volist name="res['data']" id="vo" offset="5" length="1">
  156 + <div class="hpaay_storyLi">
  157 + <div class="hpaay_storyLi1">
  158 + <a href="/portal/star/getStoryDetail?id={$vo.id}">
  159 + <div class="hpaay_storyLTxt">
  160 + <h2 class="txt-cut">{$vo.excerpt}</h2>
  161 + <span>2019-01-09</span>
  162 + </div>
  163 + </a>
  164 + <div class="hpaay_storyLImg">
  165 + <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
  166 + </div>
  167 + </div>
  168 + <div class="hpaay_storyLi2">
  169 +
  170 + </div>
  171 + <div class="hpin_mainCon2">
  172 + <notempty name="vo.audio">
  173 + <audio id="audio" src="{:cmf_get_file_download_url($vo.audio)}"></audio>
  174 + <else/>
  175 + <audio id="audio" src="http://link.hhtjim.com/163/442869240.mp3"></audio>
  176 + </notempty>
  177 + </div>
  178 + </div>
  179 + </volist>
  180 +
  181 + <volist name="res['data']" id="vo" offset="6" length="1">
  182 + <div class="hpaay_storyLi">
  183 + <div class="hpaay_storyLi1">
  184 + <a href="/portal/star/getStoryDetail?id={$vo.id}">
  185 + <div class="hpaay_storyLImg">
  186 + <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
  187 + </div>
  188 + </a>
  189 + <div class="hpaay_storyLTxt">
  190 + <h2 class="txt-cut">{$vo.excerpt}</h2>
  191 + <span>{$vo.create_time|date="Y-m-d",###}</span>
  192 + </div>
  193 + </div>
  194 + <div class="hpaay_storyLi2">
  195 +
  196 + </div>
  197 + <div class="hpin_mainCon2">
  198 + <notempty name="vo.audio">
  199 + <audio id="audio" src="{:cmf_get_file_download_url($vo.audio)}"></audio>
  200 + <else/>
  201 + <audio id="audio" src="http://link.hhtjim.com/163/442869240.mp3"></audio>
  202 + </notempty>
  203 + </div>
  204 + </div>
  205 + </volist>
  206 +
  207 + <volist name="res['data']" id="vo" offset="7" length="1">
  208 + <div class="hpaay_storyLi">
  209 + <div class="hpaay_storyLi1">
  210 + <a href="/portal/star/getStoryDetail?id={$vo.id}">
  211 + <div class="hpaay_storyLTxt">
  212 + <h2 class="txt-cut">{$vo.excerpt}</h2>
  213 + <span>2019-01-09</span>
  214 + </div>
  215 + </a>
  216 + <div class="hpaay_storyLImg">
  217 + <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
  218 + </div>
  219 + </div>
  220 + <div class="hpaay_storyLi2">
  221 +
  222 + </div>
  223 + <div class="hpin_mainCon2">
  224 + <notempty name="vo.audio">
  225 + <audio id="audio" src="{:cmf_get_file_download_url($vo.audio)}"></audio>
  226 + <else/>
  227 + <audio id="audio" src="http://link.hhtjim.com/163/442869240.mp3"></audio>
  228 + </notempty>
  229 + </div>
  230 + </div>
  231 + </volist>
  232 +
  233 + </div>
  234 +
  235 + <!--分页-->
  236 + <div class="page">
  237 + <div class="pagination">
  238 + {$page|default=''}
  239 + </div>
  240 + </div>
  241 + </div>
  242 + <include file="public@footer"/>
  243 + <script src="__TMPL__/public/assets/js/base.js"></script>
  244 + <script src="__TMPL__/public/assets/js/jquery-2.1.0.js"></script>
  245 + <script src="__TMPL__/public/assets/js/k-audio.js"></script>
  246 + <script src="__TMPL__/public/assets/js/public.js"></script>
  247 + <script type="text/javascript">
  248 + //音频
  249 + var audios = document.getElementsByTagName('audio');
  250 + for (var i = 0; i < audios.length; i++) {
  251 + var a = new kac(audios[i], 800, 30, "https://raw.githubusercontent.com/KIPI-C/k-audio.js/master/22.lrc", true);
  252 + a.style("#E1E1E6");
  253 + }
  254 +
  255 + // 获取所有audios
  256 + var audios = document.getElementsByTagName("audio");
  257 + // 暂停函数
  258 + function pauseAll() {
  259 + var self = this;
  260 + [].forEach.call(audios, function(i) {
  261 + // 将audios中其他的audio全部暂停
  262 + i !== self && i.pause();
  263 + })
  264 + }
  265 + // 给play事件绑定暂停函数
  266 + [].forEach.call(audios, function(i) {
  267 + i.addEventListener("play", pauseAll.bind(i));
  268 + })
  269 + </script>
  270 + </body>
  271 +
  272 +</html>
@@ -72,7 +72,7 @@ @@ -72,7 +72,7 @@
72 </div> 72 </div>
73 <!-- 明星访谈 --> 73 <!-- 明星访谈 -->
74 <div class="first_scene"> 74 <div class="first_scene">
75 - <div class="first_scene_contant"> 75 + <div class="first_scene_contant" id="star_interview">
76 <div class="first_scene_img"> 76 <div class="first_scene_img">
77 <div class="first_scene_top_img"> 77 <div class="first_scene_top_img">
78 <img src="__TMPL__/public/assets/images/cicon_38@2x.png" alt="" /> 78 <img src="__TMPL__/public/assets/images/cicon_38@2x.png" alt="" />
@@ -104,15 +104,26 @@ @@ -104,15 +104,26 @@
104 </a> 104 </a>
105 </div> 105 </div>
106 </div> 106 </div>
  107 + <div class="video_bottom">
  108 + <a href="/portal/region/getMoreStar">
  109 + <div class="video_bottom_contant">
  110 + more+
  111 + </div>
  112 + </a>
  113 + </div>
  114 +
  115 +
107 <!-- 星球故事 --> 116 <!-- 星球故事 -->
108 <div class="first_scene"> 117 <div class="first_scene">
109 - <div class="first_scene_contant"> 118 + <div class="first_scene_contant" id="story">
110 <div class="first_scene_img"> 119 <div class="first_scene_img">
111 <div class="first_scene_top_img"> 120 <div class="first_scene_top_img">
112 <img src="__TMPL__/public/assets/images/cicon_39@2x.png" alt="" /> 121 <img src="__TMPL__/public/assets/images/cicon_39@2x.png" alt="" />
113 </div> 122 </div>
114 <div class="first_scene_top_ch">星球<span>故事</span></div> 123 <div class="first_scene_top_ch">星球<span>故事</span></div>
115 - <div class="first_scene_top_en"></div> 124 + <div class="first_scene_top_en">
  125 + Planet Story
  126 + </div>
116 </div> 127 </div>
117 </div> 128 </div>
118 </div> 129 </div>
@@ -139,9 +150,18 @@ @@ -139,9 +150,18 @@
139 </volist> 150 </volist>
140 </div> 151 </div>
141 </div> 152 </div>
  153 + <div class="video_bottom">
  154 + <a href="/portal/region/getMoreStory">
  155 + <div class="video_bottom_contant">
  156 + more+
  157 + </div>
  158 + </a>
  159 + </div>
  160 +
  161 +
142 <!-- 星球画廊 --> 162 <!-- 星球画廊 -->
143 <div class="first_scene"> 163 <div class="first_scene">
144 - <div class="first_scene_contant"> 164 + <div class="first_scene_contant" id="gallery">
145 <div class="first_scene_img"> 165 <div class="first_scene_img">
146 <div class="first_scene_top_img"> 166 <div class="first_scene_top_img">
147 <img src="__TMPL__/public/assets/images/cicon_40@2x.png" alt="" /> 167 <img src="__TMPL__/public/assets/images/cicon_40@2x.png" alt="" />
@@ -168,9 +188,18 @@ @@ -168,9 +188,18 @@
168 </ul> 188 </ul>
169 </div> 189 </div>
170 </div> 190 </div>
  191 + <div class="video_bottom">
  192 + <a href="/portal/region/getMoreGallery">
  193 + <div class="video_bottom_contant">
  194 + more+
  195 + </div>
  196 + </a>
  197 + </div>
  198 +
  199 +
171 <!-- 独角快报 --> 200 <!-- 独角快报 -->
172 <div class="first_scene"> 201 <div class="first_scene">
173 - <div class="first_scene_contant"> 202 + <div class="first_scene_contant" id="news">
174 <div class="first_scene_img"> 203 <div class="first_scene_img">
175 <div class="first_scene_top_img"> 204 <div class="first_scene_top_img">
176 <img src="__TMPL__/public/assets/images/cicon_41@2x.png" alt="" /> 205 <img src="__TMPL__/public/assets/images/cicon_41@2x.png" alt="" />
@@ -197,9 +226,18 @@ @@ -197,9 +226,18 @@
197 </a> 226 </a>
198 </volist> 227 </volist>
199 </div> 228 </div>
  229 + <div class="video_bottom">
  230 + <a href="/portal/region/getMoreNews">
  231 + <div class="video_bottom_contant">
  232 + more+
  233 + </div>
  234 + </a>
  235 + </div>
  236 +
  237 +
200 <!-- 独角日志 --> 238 <!-- 独角日志 -->
201 <div class="first_scene"> 239 <div class="first_scene">
202 - <div class="first_scene_contant"> 240 + <div class="first_scene_contant" id="note">
203 <div class="first_scene_img"> 241 <div class="first_scene_img">
204 <div class="first_scene_top_img"> 242 <div class="first_scene_top_img">
205 <img src="__TMPL__/public/assets/images/cicon_45@2x.png" alt="" /> 243 <img src="__TMPL__/public/assets/images/cicon_45@2x.png" alt="" />
@@ -248,7 +286,7 @@ @@ -248,7 +286,7 @@
248 </div> 286 </div>
249 <!-- 公益未来 --> 287 <!-- 公益未来 -->
250 <div class="first_scene"> 288 <div class="first_scene">
251 - <div class="first_scene_contant"> 289 + <div class="first_scene_contant" id="future">
252 <div class="first_scene_img"> 290 <div class="first_scene_img">
253 <div class="first_scene_top_img"> 291 <div class="first_scene_top_img">
254 <img src="__TMPL__/public/assets/images/cicon_44@2x.png" alt="" /> 292 <img src="__TMPL__/public/assets/images/cicon_44@2x.png" alt="" />
@@ -32,7 +32,7 @@ @@ -32,7 +32,7 @@
32 </div> 32 </div>
33 <!-- 星际活动 --> 33 <!-- 星际活动 -->
34 <div class="first_scene"> 34 <div class="first_scene">
35 - <div class="first_scene_contant"> 35 + <div class="first_scene_contant" id="travel">
36 <div class="first_scene_img"> 36 <div class="first_scene_img">
37 <div class="first_scene_top_img"> 37 <div class="first_scene_top_img">
38 <img src="__TMPL__/public/assets/images/cicon_59@2x.png" alt="" /> 38 <img src="__TMPL__/public/assets/images/cicon_59@2x.png" alt="" />
@@ -68,7 +68,7 @@ @@ -68,7 +68,7 @@
68 </div> 68 </div>
69 <!-- 地道风物 --> 69 <!-- 地道风物 -->
70 <div class="first_scene"> 70 <div class="first_scene">
71 - <div class="first_scene_contant"> 71 + <div class="first_scene_contant" id="scenery">
72 <div class="first_scene_img"> 72 <div class="first_scene_img">
73 <div class="first_scene_top_img"> 73 <div class="first_scene_top_img">
74 <img src="__TMPL__/public/assets/images/cicon_60@2x.png" alt="" /> 74 <img src="__TMPL__/public/assets/images/cicon_60@2x.png" alt="" />
@@ -107,7 +107,7 @@ @@ -107,7 +107,7 @@
107 </div> 107 </div>
108 <!-- 创意设计 --> 108 <!-- 创意设计 -->
109 <div class="first_scene"> 109 <div class="first_scene">
110 - <div class="first_scene_contant"> 110 + <div class="first_scene_contant" id="design">
111 <div class="first_scene_img"> 111 <div class="first_scene_img">
112 <div class="first_scene_top_img"> 112 <div class="first_scene_top_img">
113 <img src="__TMPL__/public/assets/images/cicon_61@2x.png" alt="" /> 113 <img src="__TMPL__/public/assets/images/cicon_61@2x.png" alt="" />
@@ -146,7 +146,7 @@ @@ -146,7 +146,7 @@
146 </div> 146 </div>
147 <!-- 悦己悦人 --> 147 <!-- 悦己悦人 -->
148 <div class="first_scene"> 148 <div class="first_scene">
149 - <div class="first_scene_contant"> 149 + <div class="first_scene_contant" id="like">
150 <div class="first_scene_img"> 150 <div class="first_scene_img">
151 <div class="first_scene_top_img"> 151 <div class="first_scene_top_img">
152 <img src="__TMPL__/public/assets/images/cicon_62@2x.png" alt="" /> 152 <img src="__TMPL__/public/assets/images/cicon_62@2x.png" alt="" />
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +
  4 +<head>
  5 + <meta charset="UTF-8" />
  6 + <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
  7 + <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  8 + <link rel="stylesheet" href="__TMPL__/public/assets/css/swiper-3.4.2.min.css" />
  9 + <link rel="stylesheet" href="__TMPL__/public/assets/css/base.css" />
  10 + <link rel="stylesheet" href="__TMPL__/public/assets/css/index.css" />
  11 + <link rel="stylesheet" href="__TMPL__/public/assets/css/mask.css" />
  12 + <link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css" />
  13 + <title>活力生态详情</title>
  14 +</head>
  15 +
  16 +<body>
  17 + <include file="public@header"/>
  18 + <include file="public@slide"/>
  19 + <div class="mask">
  20 + </div>
  21 + <!-- banner -->
  22 + <div class="index_eight_top">
  23 + <div class="index_eight_banner">
  24 + <img src="{:cmf_get_image_url($res.image_url)}" alt="" />
  25 + </div>
  26 + </div>
  27 + <!-- 详情 -->
  28 + <div class="index_eight_detail">
  29 + <div class="index_eight_detail_contant">
  30 + <div class="index_eight_detail_one">
  31 + {$res.post_title}
  32 + </div>
  33 + <div class="index_eight_detail_two">
  34 + <!--2019-02-04-->
  35 + </div>
  36 + <div class="index_eight_detail_three">
  37 + {$res.post_content}
  38 + </div>
  39 + </div>
  40 + </div>
  41 + <!--评论-->
  42 + <include file="public@comment"/>
  43 + <include file="public@footer"/>
  44 +</body>
  45 +<script src="__TMPL__/public/assets/js/base.js"></script>
  46 +<script src="__TMPL__/public/assets/js/jquery-2.1.0.js"></script>
  47 +<script src="__TMPL__/public/assets/js/swiper.min.js"></script>
  48 +<script src="__TMPL__/public/assets/js/public.js"></script>
  49 +<script></script>
  50 +
  51 +</html>
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +
  4 +<head>
  5 + <meta charset="UTF-8" />
  6 + <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
  7 + <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  8 + <link rel="stylesheet" href="__TMPL__/public/assets/css/swiper-3.4.2.min.css" />
  9 + <link rel="stylesheet" href="__TMPL__/public/assets/css/base.css" />
  10 + <link rel="stylesheet" href="__TMPL__/public/assets/css/index.css" />
  11 + <link rel="stylesheet" href="__TMPL__/public/assets/css/mask.css" />
  12 + <link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css" />
  13 + <title>异域珍馐详情页</title>
  14 +</head>
  15 +
  16 +<body>
  17 + <include file="public@header"/>
  18 + <include file="public@slide"/>
  19 + <div class="mask">
  20 + </div>
  21 + <!-- banner -->
  22 + <div class="index_eight_top">
  23 + <div class="index_eight_banner">
  24 + <img src="{:cmf_get_image_url($res.image_url)}" alt="" />
  25 + </div>
  26 + </div>
  27 + <!-- 详情 -->
  28 + <div class="index_eight_detail">
  29 + <div class="index_eight_detail_contant">
  30 + <div class="index_eight_detail_one">
  31 + {$res.post_title}
  32 + </div>
  33 + <div class="index_eight_detail_two">
  34 + <!--2019-02-04-->
  35 + </div>
  36 + <div class="index_eight_detail_three">
  37 + {$res.post_content}
  38 + </div>
  39 + </div>
  40 + </div>
  41 + <include file="public@comment"/>
  42 + <include file="public@footer"/>
  43 +</body>
  44 +<script src="__TMPL__/public/assets/js/base.js"></script>
  45 +<script src="__TMPL__/public/assets/js/jquery-2.1.0.js"></script>
  46 +<script src="__TMPL__/public/assets/js/swiper.min.js"></script>
  47 +<script src="__TMPL__/public/assets/js/public.js"></script>
  48 +<script></script>
  49 +
  50 +</html>
  1 +<!DOCTYPE html>
  2 +<html>
  3 + <head>
  4 + <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
  5 + <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
  6 + <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7 + <link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css" />
  8 + <link rel="stylesheet" href="__TMPL__/public/assets/css/mask.css" />
  9 + <title>良宿美寝详情</title>
  10 + </head>
  11 + <body>
  12 + <include file="public@header"/>
  13 + <include file="public@slide"/>
  14 + <div class="mask">
  15 + </div>
  16 + <div class="happy_lodgeBox">
  17 + <!--标题-->
  18 + <h1 class="hp_lodTit">{$res.post_title}</h1>
  19 + <!--大图-->
  20 + <div class="hp_lodMax">
  21 + <notempty name="res.image_one">
  22 + <img src="{:cmf_get_image_url($res.image_one)}" alt="">
  23 + </notempty>
  24 + </div>
  25 + <!--小图-->
  26 + <div class="hp_lodMin">
  27 + <volist name="res.image_url" id="vo">
  28 + <div class="hp_lodMinImg">
  29 + <p></p>
  30 + <img src="{:cmf_get_image_url($vo.url)}" alt="" />
  31 + </div>
  32 + </volist>
  33 + </div>
  34 + <!--联系方式-->
  35 + <div class="happy_lodList">
  36 + <ul>
  37 + <li>
  38 + <div class="happy_lodListImg">
  39 + <img src="__TMPL__/public/assets/images/cicon_96@2x.png" alt="" />
  40 + </div>
  41 + <div class="happy_lodListTxt">
  42 + <p class="happy_lodListTxt1">电话：<p>
  43 + <p class="happy_lodListTxt2">{$res.tel}</p>
  44 + </div>
  45 + </li>
  46 + <li>
  47 + <div class="happy_lodListImg">
  48 + <img src="__TMPL__/public/assets/images/cicon_97@2x.png" alt="" />
  49 + </div>
  50 + <div class="happy_lodListTxt">
  51 + <p class="happy_lodListTxt1">网址：</p>
  52 + <p class="happy_lodListTxt2">{$res.url}</p>
  53 + </div>
  54 + </li>
  55 + <li>
  56 + <div class="happy_lodListImg">
  57 + <img src="__TMPL__/public/assets/images/cicon_98@2x.png" alt="" />
  58 + </div>
  59 + <div class="happy_lodListTxt">
  60 + <p class="happy_lodListTxt1">地址：<p>
  61 + <p class="happy_lodListTxt2">{$res.address}</p>
  62 + </div>
  63 + </li>
  64 + </ul>
  65 + </div>
  66 + <!--详细-->
  67 + <div class="hapy_lodDetail">
  68 + {$res.post_content}
  69 + </div>
  70 + </div>
  71 + <!--评论-->
  72 + <include file="public@comment"/>
  73 + <include file="public@footer"/>
  74 + <script src="__TMPL__/public/assets/js/base.js"></script>
  75 + <script src="__TMPL__/public/assets/js/jquery-2.1.0.js"></script>
  76 + <script src="__TMPL__/public/assets/js/public.js"></script>
  77 + <script type="text/javascript">
  78 + $(function(){
  79 + $('.hp_lodMinImg').click(function(){
  80 + $(this).find("p").css("opacity","0").parents(".hp_lodMinImg").siblings(".hp_lodMinImg").find("p").css("opacity","0.5");
  81 + var img = $(this).children('img').attr('src');
  82 + $('.hp_lodMax img').attr('src',img);
  83 +
  84 + })
  85 + })
  86 + </script>
  87 + </body>
  88 +</html>
  1 +<!DOCTYPE html>
  2 +<html>
  3 +
  4 + <head>
  5 + <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
  6 + <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
  7 + <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8 + <link rel="stylesheet" href="__TMPL__/public/assets/css/bootstrap4.0.css">
  9 + <link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css" />
  10 + <title>活力更多</title>
  11 + </head>
  12 +
  13 + <body>
  14 + <include file="public@header"/>
  15 + <div class="happpy_dynamicBox">
  16 + <!--头部-->
  17 + <div class="hpin_title">
  18 + <img src="__TMPL__/public/assets/images/cicon_06@2x.png" alt="" />
  19 + <p>{$city_name}</p>
  20 + </div>
  21 + <!--标题-->
  22 + <div class="hpin_main1Title">
  23 + <img src="__TMPL__/public/assets/images/cicon_21@2x.png" alt="" />
  24 + <h1>活力<span>生态</span></h1>
  25 + <p>Responsible Tourism</p>
  26 + </div>
  27 + <!--内容-->
  28 + <div class="hp_dyCon">
  29 + <ul>
  30 + <volist name="res['data']" id="vo">
  31 + <a href="/portal/star/getHotelDetail?id={$vo.id}">
  32 + <li>
  33 + <div class="hp_dyConImg">
  34 + <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
  35 + </div>
  36 + <div class="hp_dyConTxt">
  37 + <h1 class="hp_dyConTxt1 one-txt-cut">{$vo.post_title}</h1>
  38 + <p class="hp_dyConTxt2 txt-cut">
  39 + {$vo.post_excerpt}
  40 + </p>
  41 + </div>
  42 + </li>
  43 + </a>
  44 + </volist>
  45 + </ul>
  46 + </div>
  47 + <!--分页-->
  48 + <div class="page">
  49 + <!--分页-->
  50 + <div class="pagination">
  51 + {$page|default=''}
  52 + </div>
  53 + </div>
  54 + </div>
  55 + <include file="public@footer"/>
  56 + <script src="__TMPL__/public/assets/js/base.js"></script>
  57 + <script src="__TMPL__/public/assets/js/jquery-2.1.0.js"></script>
  58 + <script src="__TMPL__/public/assets/js/public.js"></script>
  59 + </body>
  60 +
  61 +</html>
  1 +<!DOCTYPE html>
  2 +<html>
  3 +
  4 + <head>
  5 + <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
  6 + <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
  7 + <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8 + <link rel="stylesheet" href="__TMPL__/public/assets/css/bootstrap4.0.css">
  9 + <link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css" />
  10 + <title>异域珍馐更多</title>
  11 + </head>
  12 +
  13 + <body>
  14 + <include file="public@header"/>
  15 + <div class="happy_foreignBox">
  16 + <!--头部-->
  17 + <div class="hpin_title">
  18 + <img src="__TMPL__/public/assets/images/cicon_06@2x.png" alt="" />
  19 + <p>{$city_name}</p>
  20 + </div>
  21 + <!--标题-->
  22 + <div class="hpin_main1Title">
  23 + <img src="__TMPL__/public/assets/images/cicon_20@2x.png" alt="" />
  24 + <h1>异域<span>珍馐</span></h1>
  25 + <p>Gastronomy</p>
  26 + </div>
  27 + <!--内容-->
  28 + <div class="hpin_main3Con">
  29 + <ul>
  30 + <volist name="res['data']" id="vo" offset="0" length="2">
  31 + <li>
  32 + <a href="/portal/star/getFoodDetail?id={$vo.id}">
  33 + <div class="hpin_main3ConImg">
  34 + <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
  35 + </div>
  36 + <p class="hpin_main3ConTxt one-txt-cut">{$vo.post_title}</p>
  37 + </a>
  38 + </li>
  39 + </volist>
  40 + </ul>
  41 + </div>
  42 + <div class="hpin_main2Con">
  43 + <ul>
  44 + <volist name="res['data']" id="vo" offset="2" length="8">
  45 + <li>
  46 + <a href="/portal/star/getFoodDetail?id={$vo.id}">
  47 + <div class="hpin_main2Con1">
  48 + <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
  49 + </div>
  50 + <div class="hpin_main2ConBot">
  51 + <p class="hpin_main2Con2 one-txt-cut">{$vo.post_title}</p>
  52 + <div class="hpin_main2Con3">
  53 + <div class="hpin_main2Con3_1">
  54 + <img src="__TMPL__/public/assets/images/cicon_82@2x.png" alt="" />
  55 + <p>{$vo.post_hits}</p>
  56 + </div>
  57 + <div class="hpin_main2Con3_1">
  58 + <img src="__TMPL__/public/assets/images/cicon_81@2x.png" alt="" />
  59 + <p>{$vo.post_favorites}</p>
  60 + </div>
  61 + </div>
  62 + </div>
  63 + </a>
  64 + </li>
  65 + </volist>
  66 + </ul>
  67 + </div>
  68 + <!--分页-->
  69 + <div class="page">
  70 + <!--分页-->
  71 + <div class="pagination">
  72 + {$page|default=''}
  73 + </div>
  74 + </div>
  75 + </div>
  76 + <include file="public@footer"/>
  77 + <script src="__TMPL__/public/assets/js/base.js"></script>
  78 + <script src="__TMPL__/public/assets/js/jquery-2.1.0.js"></script>
  79 + <script src="__TMPL__/public/assets/js/public.js"></script>
  80 + </body>
  81 +
  82 +</html>
  1 +<!DOCTYPE html>
  2 +<html>
  3 +
  4 + <head>
  5 + <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
  6 + <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
  7 + <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8 + <link rel="stylesheet" href="__TMPL__/public/assets/css/bootstrap4.0.css">
  9 + <link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css" />
  10 + <title>良宿美寝更多</title>
  11 + </head>
  12 +
  13 + <body>
  14 + <include file="public@header"/>
  15 + <div class="happpy_dynamicBox">
  16 + <!--头部-->
  17 + <div class="hpin_title">
  18 + <img src="__TMPL__/public/assets/images/cicon_06@2x.png" alt="" />
  19 + <p>{$city_name}</p>
  20 + </div>
  21 + <!--标题-->
  22 + <div class="hpin_main1Title">
  23 + <img src="__TMPL__/public/assets/images/cicon_21@2x.png" alt="" />
  24 + <h1>良宿<span>美寝</span></h1>
  25 + <p>Accommodation</p>
  26 + </div>
  27 + <!--内容-->
  28 + <div class="hp_dyCon">
  29 + <ul>
  30 + <volist name="res['data']" id="vo">
  31 + <a href="/portal/star/getHotelDetail?id={$vo.id}">
  32 + <li>
  33 + <div class="hp_dyConImg">
  34 + <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
  35 + </div>
  36 + <div class="hp_dyConTxt">
  37 + <h1 class="hp_dyConTxt1 one-txt-cut">{$vo.post_title}</h1>
  38 + <p class="hp_dyConTxt2 txt-cut">
  39 + {$vo.post_excerpt}
  40 + </p>
  41 + </div>
  42 + </li>
  43 + </a>
  44 + </volist>
  45 + </ul>
  46 + </div>
  47 + <!--分页-->
  48 + <div class="page">
  49 + <!--分页-->
  50 + <div class="pagination">
  51 + {$page|default=''}
  52 + </div>
  53 + </div>
  54 + </div>
  55 + <include file="public@footer"/>
  56 + <script src="__TMPL__/public/assets/js/base.js"></script>
  57 + <script src="__TMPL__/public/assets/js/jquery-2.1.0.js"></script>
  58 + <script src="__TMPL__/public/assets/js/public.js"></script>
  59 + </body>
  60 +
  61 +</html>
  1 +<!DOCTYPE html>
  2 +<html>
  3 +
  4 + <head>
  5 + <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
  6 + <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
  7 + <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8 + <link rel="stylesheet" href="__TMPL__/public/assets/css/bootstrap4.0.css">
  9 + <link rel="stylesheet" type="text/css" href="__TMPL__/public/assets/swiper3/swiper.min.css" />
  10 + <link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css" />
  11 + <title>网红美景更多</title>
  12 + </head>
  13 +
  14 + <body>
  15 + <include file="public@header"/>
  16 + <div class="happy_landmarkBox">
  17 + <!--头部-->
  18 + <div class="hpin_title">
  19 + <img src="__TMPL__/public/assets/images/cicon_06@2x.png" alt="" />
  20 + <p>{$city_name}</p>
  21 + </div>
  22 + <!--标题-->
  23 + <div class="hpin_main1Title">
  24 + <img src="__TMPL__/public/assets/images/cicon_19@2x.png" alt="" />
  25 + <h1>网红<span>美景</span></h1>
  26 + <p>Top Attraction</p>
  27 + </div>
  28 + <!--轮播banner-->
  29 + <div class="hp_laBanner swiper-container">
  30 + <ul class="swiper-wrapper">
  31 + <volist name="image" id="vo" offset="0" lengt="4">
  32 + <li class="swiper-slide">
  33 + <div class="hp_laBannerImg">
  34 + <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
  35 + </div>
  36 + <div class="hp_laBannerTxt">
  37 + <p class="hp_laBannerTitle one-txt-cut">{$vo.post_title}</p>
  38 + <div class="hp_laBannerTxt1">
  39 + <img src="__TMPL__/public/assets/images/cicon_77@2x.png" alt="" />
  40 + <span>{$vo.post_hits}</span>
  41 + </div>
  42 + <div class="hp_laBannerTxt1">
  43 + <img src="__TMPL__/public/assets/images/cicon_78@2x.png" alt="" />
  44 + <span>{$vo.post_favorites}</span>
  45 + </div>
  46 + </div>
  47 + </li>
  48 + </volist>
  49 + </ul>
  50 + <div class="swiper-pagination"></div>
  51 + </div>
  52 + <!--内容-->
  53 + <div class="hpin_main2Con">
  54 + <ul>
  55 + <volist name="res['data']" id="vo">
  56 + <a href="/portal/star/getSceneryDetail?id={$vo.id}">
  57 + <li>
  58 + <div class="hpin_main2Con1">
  59 + <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
  60 + </div>
  61 + <div class="hpin_main2ConBot">
  62 + <p class="hpin_main2Con2 one-txt-cut">{$vo.post_title}</p>
  63 + <div class="hpin_main2Con3">
  64 + <div class="hpin_main2Con3_1">
  65 + <img src="__TMPL__/public/assets/images/cicon_82@2x.png" alt="" />
  66 + <p>{$vo.post_hits}</p>
  67 + </div>
  68 + <div class="hpin_main2Con3_1">
  69 + <img src="__TMPL__/public/assets/images/cicon_81@2x.png" alt="" />
  70 + <p>{$vo.post_favorites}</p>
  71 + </div>
  72 + </div>
  73 + </div>
  74 + </li>
  75 + </a>
  76 + </volist>
  77 + </ul>
  78 + </div>
  79 + <!--分页-->
  80 + <div class="page">
  81 + <!--分页-->
  82 + <div class="pagination">
  83 + {$page|default=''}
  84 + </div>
  85 + </div>
  86 + </div>
  87 + <include file="public@footer"/>
  88 + <script src="__TMPL__/public/assets/js/base.js"></script>
  89 + <script src="__TMPL__/public/assets/js/jquery-2.1.0.js"></script>
  90 + <script src="__TMPL__/public/assets/swiper3/swiper.min.js"></script>
  91 + <script src="__TMPL__/public/assets/js/public.js"></script>
  92 + <script type="text/javascript">
  93 + //banner轮播
  94 + var swiper = new Swiper('.swiper-container', {
  95 + pagination: '.swiper-pagination',
  96 + paginationClickable: true,
  97 + centeredSlides: true,
  98 + autoplay: 2500,
  99 + spaceBetween: 20,
  100 + loop: true,
  101 + autoplayDisableOnInteraction: false
  102 + });
  103 + </script>
  104 + </body>
  105 +
  106 +</html>
  1 +<!DOCTYPE html>
  2 +<html>
  3 +
  4 + <head>
  5 + <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
  6 + <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
  7 + <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8 + <link rel="stylesheet" href="__TMPL__/public/assets/css/bootstrap4.0.css">
  9 + <link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css" />
  10 + <title>便利出行更多</title>
  11 + </head>
  12 +
  13 + <body>
  14 + <include file="public@header"/>
  15 + <div class="happy_convenientBox">
  16 + <!--头部-->
  17 + <div class="hpin_title">
  18 + <img src="__TMPL__/public/assets/images/cicon_06@2x.png" alt="" />
  19 + <p>{$city_name}</p>
  20 + </div>
  21 + <!--标题-->
  22 + <div class="hpin_main1Title">
  23 + <img src="__TMPL__/public/assets/images/cicon_60@2x.png" alt="" />
  24 + <h1>便利<span>出行</span></h1>
  25 + <p>Easy Travel</p>
  26 + </div>
  27 + <!--图片-->
  28 + <div class="hp_coImg">
  29 + <volist name="res['data']" id="vo" length="3">
  30 + <div class="hp_coImg1">
  31 + <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
  32 + <p></p>
  33 + </div>
  34 + </volist>
  35 + </div>
  36 + <!--内容-->
  37 + <div class="hp_coCon">
  38 + <ul>
  39 + <volist name="res['data']" id="vo">
  40 + <a href="/portal/star/getTravelDetail?id={$vo.id}">
  41 + <li>
  42 + <div class="hp_coImg2">
  43 + <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
  44 + </div>
  45 + <p class="hp_coConTxt">{$vo.post_title}</p>
  46 + </li>
  47 + </a>
  48 + </volist>
  49 + </ul>
  50 + </div>
  51 + <!--分页-->
  52 + <div class="page">
  53 + <div class="pagination">
  54 + {$page|default=''}
  55 + </div>
  56 + </div>
  57 + </div>
  58 + <include file="public@footer"/>
  59 + <script src="__TMPL__/public/assets/js/base.js"></script>
  60 + <script src="__TMPL__/public/assets/js/jquery-2.1.0.js"></script>
  61 + <script src="__TMPL__/public/assets/js/public.js"></script>
  62 + <script type="text/javascript">
  63 + $('.hp_coImg1').click(function(){
  64 + $(this).find('p').css('opacity','0').parent('.hp_coImg1').siblings('.hp_coImg1').find('p').css('opacity','0.6');
  65 + })
  66 + </script>
  67 + </body>
  68 +
  69 +</html>
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +
  4 +<head>
  5 + <meta charset="UTF-8" />
  6 + <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
  7 + <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  8 + <link rel="stylesheet" href="__TMPL__/public/assets/css/swiper-3.4.2.min.css" />
  9 + <link rel="stylesheet" href="__TMPL__/public/assets/css/base.css" />
  10 + <link rel="stylesheet" href="__TMPL__/public/assets/css/index.css" />
  11 + <link rel="stylesheet" href="__TMPL__/public/assets/css/mask.css" />
  12 + <link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css" />
  13 + <title>网红美景详情</title>
  14 +</head>
  15 +
  16 +<body>
  17 +<include file="public@header"/>
  18 +<include file="public@slide"/>
  19 +<div class="mask">
  20 +</div>
  21 +<!-- banner -->
  22 +<div class="index_eight_top">
  23 + <div class="index_eight_banner">
  24 + <img src="{:cmf_get_image_url($res.image_url)}" alt="" />
  25 + </div>
  26 +</div>
  27 +<!-- 详情 -->
  28 +<div class="index_eight_detail">
  29 + <div class="index_eight_detail_contant">
  30 + <div class="index_eight_detail_one">
  31 + {$res.post_title}
  32 + </div>
  33 + <div class="index_eight_detail_two">
  34 + <!--2019-02-04-->
  35 + </div>
  36 + <div class="index_eight_detail_three">
  37 + {$res.post_content}
  38 + </div>
  39 + </div>
  40 +</div>
  41 +<!--评论-->
  42 +<include file="public@comment"/>
  43 +<include file="public@footer"/>
  44 +</body>
  45 +<script src="__TMPL__/public/assets/js/base.js"></script>
  46 +<script src="__TMPL__/public/assets/js/jquery-2.1.0.js"></script>
  47 +<script src="__TMPL__/public/assets/js/swiper.min.js"></script>
  48 +<script src="__TMPL__/public/assets/js/public.js"></script>
  49 +<script></script>
  50 +
  51 +</html>
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +
  4 +<head>
  5 + <meta charset="UTF-8" />
  6 + <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
  7 + <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  8 + <link rel="stylesheet" href="__TMPL__/public/assets/css/swiper-3.4.2.min.css" />
  9 + <link rel="stylesheet" type="text/css" href="__TMPL__/public/assets/css/audio.css" />
  10 + <link rel="stylesheet" href="__TMPL__/public/assets/css/base.css" />
  11 + <link rel="stylesheet" href="__TMPL__/public/assets/css/index.css" />
  12 + <link rel="stylesheet" href="__TMPL__/public/assets/css/mask.css" />
  13 + <link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css" />
  14 + <title>星球故事详情</title>
  15 +</head>
  16 +
  17 +<body>
  18 + <include file="public@header"/>
  19 + <include file="public@slide"/>
  20 + <div class="mask">
  21 + </div>
  22 + <!-- 星球故事 -->
  23 + <div class="first_scene">
  24 + <div class="first_scene_contant">
  25 + <div class="first_scene_img">
  26 + <div class="first_scene_top_img">
  27 + <img src="__TMPL__/public/assets/images/cicon_39@2x.png" alt="" />
  28 + </div>
  29 + <div class="first_scene_top_ch">星球<span>故事</span></div>
  30 + <div class="first_scene_top_en">
  31 + Planet Story
  32 + </div>
  33 + </div>
  34 + </div>
  35 + </div>
  36 + <div class="index_eighteenth">
  37 + <div class="index_eighteenth_top">
  38 + <div class="index_eighteenth_top_one">
  39 + <div class="index_eighteenth_to_left">
  40 + <img src="{:cmf_get_image_url($res.thumbnail)}" alt="" />
  41 + </div>
  42 + <div class="index_eighteenth_to_right">
  43 + <div class="index_eighteenth_to_right_one">
  44 + {$res.post_title}
  45 + </div>
  46 + <!--<div class="index_eighteenth_to_right_two">-->
  47 + <!--2019-01-09-->
  48 + <!--</div>-->
  49 + </div>
  50 + </div>
  51 + <div class="index_eighteenth_top_two">
  52 + {$res.excerpt}
  53 + </div>
  54 + <div class="index_eighteenth_top_three">
  55 + <audio id="audio" src="{:cmf_get_file_download_url($res.audio)}"></audio>
  56 + </div>
  57 + </div>
  58 + </div>
  59 + <div class="index_eighteenth">
  60 + <div class="index_eighteenth_top">
  61 + <div class="index_eighteenth_center_one">
  62 + {$res.post_content}
  63 + </div>
  64 + </div>
  65 + </div>
  66 +
  67 + <!--评论-->
  68 + <include file="public@comment"/>
  69 + <include file="public@footer"/>
  70 +</body>
  71 +<script src="__TMPL__/public/assets/js/base.js"></script>
  72 +<script src="__TMPL__/public/assets/js/jquery-2.1.0.js"></script>
  73 +<script src="__TMPL__/public/assets/js/swiper.min.js"></script>
  74 +<script src="__TMPL__/public/assets/js/k-audio.js"></script>
  75 +<script src="__TMPL__/public/assets/js/public.js"></script>
  76 +<script>
  77 + //音频
  78 + var audios = document.getElementsByTagName("audio");
  79 + for (var i = 0; i < audios.length; i++) {
  80 + var a = new kac(
  81 + audios[i],
  82 + 800,
  83 + 30,
  84 + "https://raw.githubusercontent.com/KIPI-C/k-audio.js/master/22.lrc",
  85 + true
  86 + );
  87 + a.style("#E1E1E6");
  88 + }
  89 +</script>
  90 +
  91 +</html>
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +
  4 +<head>
  5 + <meta charset="UTF-8" />
  6 + <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
  7 + <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  8 + <link rel="stylesheet" href="__TMPL__/public/assets/css/swiper-3.4.2.min.css" />
  9 + <link rel="stylesheet" href="__TMPL__/public/assets/css/base.css" />
  10 + <link rel="stylesheet" href="__TMPL__/public/assets/css/index.css" />
  11 + <link rel="stylesheet" href="__TMPL__/public/assets/css/mask.css" />
  12 + <link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css" />
  13 + <title>便利出行详情</title>
  14 +</head>
  15 +
  16 +<body>
  17 +<include file="public@header"/>
  18 +<include file="public@slide"/>
  19 +<div class="mask">
  20 +</div>
  21 +<!-- banner -->
  22 +<div class="index_eight_top">
  23 + <div class="index_eight_banner">
  24 + <img src="{:cmf_get_image_url($res.image_url)}" alt="" />
  25 + </div>
  26 +</div>
  27 +<!-- 详情 -->
  28 +<div class="index_eight_detail">
  29 + <div class="index_eight_detail_contant">
  30 + <div class="index_eight_detail_one">
  31 + {$res.post_title}
  32 + </div>
  33 + <div class="index_eight_detail_two">
  34 + {$res.post_excerpt}
  35 + </div>
  36 + <div class="index_eight_detail_three">
  37 + {$res.post_content}
  38 + </div>
  39 + </div>
  40 +</div>
  41 +<!--评论-->
  42 +<include file="public@comment"/>
  43 +<include file="public@footer"/>
  44 +</body>
  45 +<script src="__TMPL__/public/assets/js/base.js"></script>
  46 +<script src="__TMPL__/public/assets/js/jquery-2.1.0.js"></script>
  47 +<script src="__TMPL__/public/assets/js/swiper.min.js"></script>
  48 +<script src="__TMPL__/public/assets/js/public.js"></script>
  49 +<script></script>
  50 +
  51 +</html>
@@ -3884,9 +3884,6 @@ tbody.collapse.show { @@ -3884,9 +3884,6 @@ tbody.collapse.show {
3884 padding-left: 0; 3884 padding-left: 0;
3885 list-style: none; 3885 list-style: none;
3886 border-radius: 0.25rem; 3886 border-radius: 0.25rem;
3887 - margin-top:60px;  
3888 - float:right;  
3889 - /*text-align:center;*/  
3890 } 3887 }
3891 3888
3892 .page-item{ 3889 .page-item{
@@ -3912,7 +3909,7 @@ tbody.collapse.show { @@ -3912,7 +3909,7 @@ tbody.collapse.show {
3912 } 3909 }
3913 3910
3914 .page-item.disabled .page-link { 3911 .page-item.disabled .page-link {
3915 - color: #333; 3912 + color: #09FF8E;
3916 pointer-events: none; 3913 pointer-events: none;
3917 /*background-color: #fff;*/ 3914 /*background-color: #fff;*/
3918 /*border-color: #ddd;*/ 3915 /*border-color: #ddd;*/
@@ -3921,16 +3918,17 @@ tbody.collapse.show { @@ -3921,16 +3918,17 @@ tbody.collapse.show {
3921 .page-link { 3918 .page-link {
3922 position: relative; 3919 position: relative;
3923 display: block; 3920 display: block;
3924 - padding: 0.1rem 0.1rem;  
3925 - margin-left: -1px;  
3926 - line-height: 1.25;  
3927 - color: #333;  
3928 - background-color: #fff; 3921 + padding: 0.1rem 0.2rem;
  3922 + /*margin-left: -1px;*/
  3923 + /*line-height: 1.25;*/
  3924 + color: #09FF8E;
  3925 + background-color: #e9ecef;
3929 border: 1px solid #ddd; 3926 border: 1px solid #ddd;
  3927 + font-size:0.5rem;
3930 } 3928 }
3931 3929
3932 .page-link:focus, .page-link:hover { 3930 .page-link:focus, .page-link:hover {
3933 - color: #0056b3; 3931 + color: #09FF8E;
3934 text-decoration: none; 3932 text-decoration: none;
3935 background-color: #e9ecef; 3933 background-color: #e9ecef;
3936 border-color: #ddd; 3934 border-color: #ddd;
@@ -1097,6 +1097,7 @@ body { @@ -1097,6 +1097,7 @@ body {
1097 bottom: 0.58rem; 1097 bottom: 0.58rem;
1098 padding: 0 0.84rem; 1098 padding: 0 0.84rem;
1099 box-sizing: border-box; 1099 box-sizing: border-box;
  1100 + z-index: 9999;
1100 } 1101 }
1101 1102
1102 .share ul { 1103 .share ul {
@@ -480,7 +480,7 @@ @@ -480,7 +480,7 @@
480 /* 音频 */ 480 /* 音频 */
481 481
482 .fourth_audio { 482 .fourth_audio {
483 - padding: 0.34rem 0.32rem 0.54rem 0.32rem 483 + padding: 0.14rem 0.32rem 0.54rem 0.32rem
484 } 484 }
485 485
486 .fourth_audio_top_one { 486 .fourth_audio_top_one {
@@ -568,7 +568,7 @@ @@ -568,7 +568,7 @@
568 } 568 }
569 569
570 .fourth_huge_star { 570 .fourth_huge_star {
571 - margin-top: 0.44rem; 571 + /*margin-top: 0.44rem;*/
572 display: flex; 572 display: flex;
573 display: -webkit-flex; 573 display: -webkit-flex;
574 justify-content: flex-start; 574 justify-content: flex-start;
@@ -873,7 +873,7 @@ @@ -873,7 +873,7 @@
873 width: 7.5rem; 873 width: 7.5rem;
874 /* margin-top: 0.66rem; 874 /* margin-top: 0.66rem;
875 margin-left: 0.32rem */ 875 margin-left: 0.32rem */
876 - padding: 0.66rem 0.32rem 0.3rem 0.32rem; 876 + padding: 0.66rem 0.32rem 0.1rem 0.32rem;
877 box-sizing: border-box; 877 box-sizing: border-box;
878 } 878 }
879 879
@@ -1549,7 +1549,7 @@ @@ -1549,7 +1549,7 @@
1549 .index_eight_detail_one { 1549 .index_eight_detail_one {
1550 /* width:3.18rem; */ 1550 /* width:3.18rem; */
1551 /* height: 0.3rem; */ 1551 /* height: 0.3rem; */
1552 - font-size: 0.32rem; 1552 + font-size: 0.42rem;
1553 font-family: PingFang-SC-Heavy; 1553 font-family: PingFang-SC-Heavy;
1554 font-weight: 800; 1554 font-weight: 800;
1555 color: rgba(26, 26, 26, 1); 1555 color: rgba(26, 26, 26, 1);
@@ -1570,10 +1570,10 @@ @@ -1570,10 +1570,10 @@
1570 .index_eight_detail_three { 1570 .index_eight_detail_three {
1571 /* width: 6.14rem; */ 1571 /* width: 6.14rem; */
1572 /* height: 2.8rem; */ 1572 /* height: 2.8rem; */
1573 - font-size: 0.28rem; 1573 + font-size: 0.38rem;
1574 font-family: PingFang-SC-Medium; 1574 font-family: PingFang-SC-Medium;
1575 font-weight: 500; 1575 font-weight: 500;
1576 - color: rgba(51, 51, 51, 1); 1576 + color: #333;
1577 /* line-height: 0.42rem; */ 1577 /* line-height: 0.42rem; */
1578 } 1578 }
1579 1579
@@ -14,7 +14,7 @@ @@ -14,7 +14,7 @@
14 box-sizing:border-box; 14 box-sizing:border-box;
15 background:rgba(0,0,0,0.6); 15 background:rgba(0,0,0,0.6);
16 border-radius:10px; 16 border-radius:10px;
17 - font-size:12px; 17 + font-size:13px;
18 color:rgba(255,255,255,1); 18 color:rgba(255,255,255,1);
19 z-index: 1000; 19 z-index: 1000;
20 } 20 }
@@ -23,13 +23,54 @@ $(function() { @@ -23,13 +23,54 @@ $(function() {
23 }); 23 });
24 }); 24 });
25 25
  26 + // 收藏
  27 + $('.collections').click(function() {
  28 + if ($(this).children('img').attr('src') == host+'/images/bicon_02.png') {
  29 + var login = operation('/portal/star/collection');
  30 + if(login == 0){
  31 + return false;
  32 + }
  33 + $(this).children('img').attr('src', host+'/images/bicon_15.png');
  34 + } else {
  35 + var login = operation('/portal/star/cancelCollection');
  36 + if(login == 0){
  37 + return false;
  38 + }
  39 + $(this).children('img').attr('src', host+'/images/bicon_02.png');
  40 + }
  41 + });
  42 + //点赞
  43 + $('.likes').click(function() {
  44 + if ($(this).children('img').attr('src') == host+'/images/bicon_03.png') {
  45 + var login = operation('/portal/star/like');
  46 + if(login == 0){
  47 + return false;
  48 + }
  49 + $(this).children('img').attr('src', host+'/images/bicon_16.png');
  50 + } else {
  51 + var login = operation('/portal/star/cancelLike');
  52 + if(login == 0){
  53 + return false;
  54 + }
  55 + $(this).children('img').attr('src', host+'/images/bicon_03.png');
  56 + }
  57 + });
  58 +
  59 + // 评论判断长度显示与隐藏
  60 + if ($('.show_2_pinL').length < 3) {
  61 + $('.show_main_more').hide();
  62 + $('.show_main2_show ul').removeClass('show_main2_show_H');
  63 + $('.show_main_more').removeClass('comments2_more');
  64 + } else {
  65 + $('.show_main_more').show();
  66 + }
26 //改变分页图标 67 //改变分页图标
27 $('.page-item').eq(0).children().text('<'); 68 $('.page-item').eq(0).children().text('<');
28 $('.page-item:last').children().text('>'); 69 $('.page-item:last').children().text('>');
29 70
30 //点击评论收起与展开 71 //点击评论收起与展开
31 $('.comments2_more').click(function() { 72 $('.comments2_more').click(function() {
32 - if ($(this).text() == "查看更多评论") { 73 + if ($.trim($(this).text()) == '查看更多评论') {
33 $('.comments2').removeClass('comments2N'); 74 $('.comments2').removeClass('comments2N');
34 $(this).text('收起'); 75 $(this).text('收起');
35 } else { 76 } else {
@@ -67,6 +108,43 @@ $(function() { @@ -67,6 +108,43 @@ $(function() {
67 $('#myCollection').click(function(){ 108 $('#myCollection').click(function(){
68 window.location.href = '/portal/login/myCollection'; 109 window.location.href = '/portal/login/myCollection';
69 }); 110 });
  111 +
  112 + //评论
  113 + $('#comment').click(function(){
  114 + var content = $('#comment_content').val();
  115 + var article_id = getUrlParam('id');
  116 + var url = window.location.pathname+window.location.search;
  117 + $.ajax({
  118 + type: 'POST',
  119 + url: "/portal/star/comment",
  120 + data: {
  121 + 'content': content,
  122 + 'article_id':article_id,
  123 + 'url':url
  124 +
  125 + },
  126 + dataType: 'json',
  127 + success: function (data) {
  128 + console.log(data);
  129 + if (data.code == 1) {
  130 + mask(data.msg);
  131 + $('#comment_content').val('');
  132 + } else {
  133 + mask(data.msg);
  134 + }
  135 + }
  136 + });
  137 + });
  138 + //关于我们
  139 + $('#about_us').click(function(){
  140 + window.location.href = '/portal/index/aboutUs';
  141 + });
  142 + //搜索
  143 + $("#keywords").keypress(function (e) {
  144 + if (e.which == 13) {
  145 + $("#searchForm").submit();//处理事件
  146 + }
  147 + });
70 }); 148 });
71 149
72 //弹框 150 //弹框
@@ -77,4 +155,52 @@ function mask(msg) { @@ -77,4 +155,52 @@ function mask(msg) {
77 $('.mask').hide(); 155 $('.mask').hide();
78 $('.mask').text(''); 156 $('.mask').text('');
79 },4000); 157 },4000);
  158 +}
  159 +
  160 +//点赞收藏
  161 +function operation(url){
  162 + var article_id = getUrlParam('id');
  163 + var is_login = 1;
  164 + var post_url = window.location.pathname+window.location.search;
  165 + $.ajax({
  166 + type: 'POST',
  167 + url: url,
  168 + data: {
  169 + 'article_id':article_id,
  170 + 'post_url':post_url
  171 + },
  172 + dataType: 'json',
  173 + async : false,
  174 + success: function (data) {
  175 + if (data.code == 1) {
  176 + mask(data.msg);
  177 + } else {
  178 + mask(data.msg);
  179 + is_login = data.code;
  180 + }
  181 + }
  182 + });
  183 + return is_login;
  184 +}
  185 +
  186 +//获取url的参数
  187 +function getUrlParam(paraName) {
  188 + var url = document.location.toString();
  189 + var arrObj = url.split("?");
  190 +
  191 + if (arrObj.length > 1) {
  192 + var arrPara = arrObj[1].split("&");
  193 + var arr;
  194 +
  195 + for (var i = 0; i < arrPara.length; i++) {
  196 + arr = arrPara[i].split("=");
  197 +
  198 + if (arr != null && arr[0] == paraName) {
  199 + return arr[1];
  200 + }
  201 + }
  202 + return "";
  203 + } else {
  204 + return "";
  205 + }
80 } 206 }
  1 +<div class="comments">
  2 + <!--添加评论-->
  3 + <div class="comments1">
  4 + <div class="comments1_text">
  5 + <textarea placeholder="说点什么吧" maxlength="400" id="comment_content"></textarea>
  6 + </div>
  7 + <p class="comments_max">字数限100字符内</p>
  8 + <button class="comments_add" id="comment">添加评论</button>
  9 + </div>
  10 + <!--评论内容-->
  11 + <notempty name="comment">
  12 + <div class="comments2 comments2N">
  13 + <ul class="show_main2_show_H">
  14 + <volist name="comment" id="vo">
  15 + <li class="show_2_pinL">
  16 + <div class="comments2_Img">
  17 + <img src="{:cmf_get_image_url($vo.avatar)}" alt="" />
  18 + </div>
  19 + <div class="comments2_Txt">
  20 + <div class="comments2_Txt1">
  21 + <p class="comments2_Name">{$vo.nickname}</p>
  22 + <span class="comments2_Time">{$vo.create_time|date="Y-m-d",###}</span>
  23 + </div>
  24 + <p class="comments2_Txt2">{$vo.content}</p>
  25 + </div>
  26 + </li>
  27 + </volist>
  28 + </ul>
  29 + <div class="comments2_more show_main_more">
  30 + 查看更多评论
  31 + </div>
  32 + </div>
  33 + </notempty>
  34 +</div>
  1 +<div class="share">
  2 + <ul>
  3 + <li class="share1">
  4 + <div class="share1_Img">
  5 + <img src="__TMPL__/public/assets/images/bicon_04.png" alt="" />
  6 + </div>
  7 + <p class="share1_Txt">3.6k</p>
  8 + </li>
  9 + <li class="share1">
  10 + <div class="share1_Img">
  11 + <img src="__TMPL__/public/assets/images/bicon_05.png" alt="" />
  12 + </div>
  13 + <p class="share1_Txt">168</p>
  14 + </li>
  15 + <!--收藏-->
  16 + <li class="share2">
  17 + <div class="share2_Img collections">
  18 + <notempty name="is_collection">
  19 + <img src="__TMPL__/public/assets/images/bicon_15.png" alt="">
  20 + <else/>
  21 + <img src="__TMPL__/public/assets/images/bicon_02.png" alt="">
  22 + </notempty>
  23 + </div>
  24 + </li>
  25 + <!--点赞-->
  26 + <li class="share2">
  27 + <div class="share2_Img likes">
  28 + <notempty name="is_like">
  29 + <img src="__TMPL__/public/assets/images/bicon_16.png" alt="">
  30 + <else/>
  31 + <img src="__TMPL__/public/assets/images/bicon_03.png" alt="">
  32 + </notempty>
  33 + </div>
  34 + </li>
  35 + </ul>
  36 +</div>