作者 jinglong
1 个管道 的构建 通过 耗费 2 秒

渲染页面

... ... @@ -175,42 +175,64 @@ class RegionController extends HomeBaseController
//星球故事更多
public function getMoreStory(){
$page = $this->request->param('page',1,'intval');
$position['category_id'] = CityCategoryModel::xqgs;
$field = 'id,thumbnail,post_excerpt,more,create_time';
$res = $this->getChildArticlePage($position,$field,$page);
$res = $this->getChildArticlePage($position,$field);
foreach($res as &$value){
$more = json_decode($value['more'],true);
$value['audio'] = $more['audio'];
}
$this->assign('res',$res);
$this->assign('res',$res['data']);
$this->assign('page',$res['page']);
return $this->fetch();
}
//星域画廊更多
public function getMoreGallery(){
$page = $this->request->param('page',1,'intval');
$position['category_id'] = CityCategoryModel::xyhl;
$field = 'id,thumbnail';
$res = $this->getChildArticlePage($position,$field,$page,16);
$res = $this->getChildArticlePage($position,$field,16);
$this->assign('res',$res['data']);
$this->assign('page',$res['page']);
return $this->fetch();
}
//星域画廊详情
public function getGalleryDetail(){
$id = $this->request->param('id',0,'intval');
$field = 'id,thumbnail,post_title,post_content,more';
$starModel = new StarController();
$res = $starModel->getDetail($id,$field);
if($res){
$more = json_decode($res['more'],true);
$res['image_url'] = isset($more['photos']) && !empty($more['photos'])?$more['photos']:'';
}
$this->assign('res',$res);
return $this->fetch();
}
//独角快报更多
public function getMoreNews(){
$page = $this->request->param('page',1,'intval');
$position['category_id'] = CityCategoryModel::djkb;
$field = 'id,thumbnail,post_title,post_excerpt,create_time';
$res = $this->getChildArticlePage($position,$field,$page,6);
$this->assign('res',$res);
$res = $this->getChildArticlePage($position,$field,6);
$this->assign('res',$res['data']);
$this->assign('page',$res['page']);
return $this->fetch();
}
//独角快报详情
public function getNewsDetail(){
$id = $this->request->param('id',0,'intval');
$field = 'id,thumbnail,post_title,post_excerpt,create_time,post_content';
$field = 'id,thumbnail,post_title,post_excerpt,create_time,post_content,more';
$starModel = new StarController();
$res = $starModel->getDetail($id,$field);
if($res){
$more = json_decode($res['more'],true);
$res['image_url'] = isset($more['photos']) && !empty($more['photos'])?$more['photos'][0]['url']:'';
}
$this->assign('res',$res);
return $this->fetch();
}
//独角日志详情
... ...
... ... @@ -135,11 +135,18 @@ class StarController extends HomeBaseController
//网红美景更多
public function getMoreScenery(){
$page = $this->request->param('page',1,'intval');
$city_id = $this->request->param('city_id',0,'intval');
//查询城市名称
$city_name = $this->getCityName($city_id);
$this->assign('city_name',$city_name);
$position['category_id'] = CityCategoryModel::whmj;
$position['city_id'] = $city_id;
$field = 'id,thumbnail,post_title,post_hits,post_favorites';
$res = $this->getChildArticlePage($position,$field,$page);
$this->assign('res',$res);
$res = $this->getChildArticlePage($position,$field);
$this->assign('res',$res['data']);
$this->assign('page',$res['page']);
return $this->fetch();
}
//网红美景详情
... ... @@ -149,21 +156,26 @@ class StarController extends HomeBaseController
$res = $this->getDetail($id,$field);
if($res){
$more = json_decode($res['more'],true);
$res['audio'] = isset($more['audio']) && !empty($more['audio'])?$more['audio']:'';
$res['image_url'] = isset($more['photos']) && !empty($more['photos'])?$more['photos'][0]['url']:'';
}
$this->assign('res',$res);
return $this->fetch();
}
//异域珍馐更多
public function getMoreFood(){
$page = $this->request->param('page',1,'intval');
$city_id = $this->request->param('city_id',0,'intval');
//查询城市名称
$city_name = $this->getCityName($city_id);
$this->assign('city_name',$city_name);
$position['category_id'] = CityCategoryModel::yyzx;
$position['city_id'] = $city_id;
$field = 'id,thumbnail,post_title,post_hits,post_favorites';
$res_top = $this->getChildArticle($position,$field,2);
$res = $this->getChildArticlePage($position,$field,$page);
$this->assign('res_top',$res_top);
$this->assign('res',$res);
$res = $this->getChildArticlePage($position,$field,10);
$this->assign('res',$res['data']);
$this->assign('page',$res['page']);
return $this->fetch();
}
//异域珍馐详情
... ... @@ -176,6 +188,7 @@ class StarController extends HomeBaseController
$res['image_url'] = isset($more['photos']) && !empty($more['photos'])?$more['photos'][0]['url']:'';
}
$this->assign('res',$res);
return $this->fetch();
}
//良宿美寝更多
... ... @@ -187,31 +200,41 @@ class StarController extends HomeBaseController
$position['category_id'] = CityCategoryModel::lsmq;
$position['city_id'] = $city_id;
$field = 'id,thumbnail,post_title';
$field = 'id,thumbnail,post_title,post_excerpt';
$res = $this->getChildArticlePage($position,$field);
$this->assign('res',$res);
$this->assign('res',$res['data']);
$this->assign('page',$res['page']);
return $this->fetch();
}
//良宿美寝详情
public function getHotelDetail(){
$id = $this->request->param('id',0,'intval');
$field = 'id,thumbnail,post_title,post_excerpt,create_time,post_content,more';
$field = 'id,thumbnail,post_title,tel,url,address,post_excerpt,create_time,post_content,more';
$res = $this->getDetail($id,$field);
if($res){
$more = json_decode($res['more'],true);
$res['image_url'] = isset($more['photos']) && !empty($more['photos'])?$more['photos'][0]['url']:'';
$res['image_one'] = isset($more['photos']) && !empty($more['photos'])?$more['photos'][0]['url']:'';
$res['image_url'] = isset($more['photos']) && !empty($more['photos'])?$more['photos']:'';
}
$this->assign('res',$res);
return $this->fetch();
}
//活力生态更多
public function getMoreEcology(){
$page = $this->request->param('page',1,'intval');
$city_id = $this->request->param('city_id',0,'intval');
//查询城市名称
$city_name = $this->getCityName($city_id);
$this->assign('city_name',$city_name);
$position['category_id'] = CityCategoryModel::hlst;
$position['city_id'] = $city_id;
$field = 'id,thumbnail,post_title,post_excerpt';
$res = $this->getChildArticlePage($position,$field,$page);
$this->assign('res',$res);
$res = $this->getChildArticlePage($position,$field);
$this->assign('res',$res['data']);
$this->assign('page',$res['page']);
return $this->fetch();
}
//活力生态详情
... ... @@ -224,6 +247,7 @@ class StarController extends HomeBaseController
$res['image_url'] = isset($more['photos']) && !empty($more['photos'])?$more['photos'][0]['url']:'';
}
$this->assign('res',$res);
return $this->fetch();
}
//便利出行更多
... ...
... ... @@ -661,15 +661,14 @@
<ul class="swiper-wrapper">
<volist name="res_xttj" id="vo">
<li class="swiper-slide scout_box">
<div class="scout_image">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
</div>
<empty name="vo.place">
<a href="/portal/scout/getSceneryDetail?id={$vo.id}">
<else />
<a href="/portal/scout/getTravelDetail?id={$vo.id}">
</empty>
<div class="scout_image">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
</div>
<h1>
{$vo.post_title}
</h1>
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>星球画廊详情</title>
<link rel="stylesheet" href="__TMPL__/public/assets/js/swiper4/swiper.min.css">
<link rel="stylesheet" href="__TMPL__/public/assets/css/show.css">
</head>
<body>
<include file="public@header"/>
<div class="show_8">
<div class="show_8_box">
<div class="gallery-top">
<ul class="swiper-wrapper">
<volist name="res['image_url']" id="vo">
<li class="swiper-slide">
<img src="{:cmf_get_image_url($vo.url)}" alt="">
</li>
</volist>
</ul>
</div>
<h1 class="show_8_name">{$res.post_title}</h1>
<div class="gallery-thumbs_box">
<div class="gallery-thumbs">
<ul class="swiper-wrapper">
<volist name="res['image_url']" id="vo">
<li class="swiper-slide">
<img src="{:cmf_get_image_url($vo.url)}" alt="">
</li>
</volist>
</li>
</ul>
<span class="swiper-notification"></span>
</div>
<div class="swiper-button-prev8"></div>
<div class="swiper-button-next8"></div>
</div>
</div>
</div>
<include file="public@footer"/>
<script src="__TMPL__/public/assets/js/jquery-3.2.1.min.js"></script>
<script src="__TMPL__/public/assets/js/swiper4/swiper.min.js"></script>
<script src="__TMPL__/public/assets/js/public.js"></script>
<script>
var galleryThumbs = new Swiper('.gallery-thumbs', {
spaceBetween: 10,
slidesPerView: 4,
freeMode: true,
watchSlidesVisibility: true,
watchSlidesProgress: true,
});
var galleryTop = new Swiper('.gallery-top', {
spaceBetween: 10,
navigation: {
nextEl: '.swiper-button-next8',
prevEl: '.swiper-button-prev8',
},
thumbs: {
swiper: galleryThumbs
}
});
</script>
</body>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>星球画廊更多</title>
<link rel="stylesheet" href="__TMPL__/public/assets/css/layui.css">
<link rel="stylesheet" href="__TMPL__/public/assets/css/bootstrap4.0.css">
<link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css">
</head>
<body>
<include file="public@header"/>
<div class="happy_gallery">
<!-- banner -->
<div class="happy_gallery_banner">
<img src="__TMPL__/public/assets/starImg/aicon_01.png" alt="">
</div>
<!-- 内容 -->
<div class="happy_gallery_con">
<!-- 顶部标题 -->
<div class="show_INMain_tit clearfix">
<div class="show_IN1 clearfix">
<img src="__TMPL__/public/assets/starImg/aicon_50.png" alt="">
<p>星球<span>画廊</span></p>
<h2>Star Gallery</h2>
</div>
</div>
<div class="happy_gallery_con2">
<ul class="clearfix">
<volist name="res['data']" id="vo">
<a href="/portal/region/getGalleryDetail?id={$vo.id}">
<li>
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
</li>
</a>
</volist>
</ul>
<!--分页-->
<div class="pagination">
{$page|default=''}
</div>
</div>
</div>
</div>
<include file="public@footer"/>
<script src="__TMPL__/public/assets/js/jquery-3.2.1.min.js"></script>
<script src="__TMPL__/public/assets/js/layui.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 name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>独角快报更多</title>
<link rel="stylesheet" href="__TMPL__/public/assets/css/bootstrap4.0.css">
<link rel="stylesheet" href="__TMPL__/public/assets/css/layui.css">
<link rel="stylesheet" href="__TMPL__/public/assets/css/show.css">
</head>
<body>
<include file="public@header"/>
<div class="show_7">
<!-- 顶部标题 -->
<div class="show_INMain_tit clearfix">
<div class="show_IN1 clearfix">
<img src="__TMPL__/public/assets/starImg/aicon_51.png" alt="" style="margin-top:5px;width: 30px;">
<p>独角<span>快报</span></p>
<h2>Planet Express</h2>
</div>
</div>
<!-- 内容 -->
<div class="show_7_con">
<!-- 内容模块1 -->
<volist name="res['data']" id="vo" offset="0" length="1">
<a href="/portal/region/getNewsDetail?id={$vo.id}">
<div class="show_7_con1 clearfix">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
<div class="show_7_con1_txt">
<h1>{$vo.post_title}</h1>
<p>
{$vo.post_excerpt}
</p>
<span>{$vo.create_time|date="Y-m-d",###}</span>
</div>
</div>
</a>
</volist>
<!-- 内容模块2 -->
<volist name="res['data']" id="vo" offset="1" length="2">
<a href="/portal/region/getNewsDetail?id={$vo.id}">
<div class="show_7_con2 clearfix">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
<div class="show_7_con2_txt">
<h1>{$vo.post_title}</h1>
<p>
{$vo.post_excerpt}
</p>
<span>{$vo.create_time|date="Y-m-d",###}</span>
</div>
</div>
</a>
</volist>
<!-- 内容模块3 -->
<volist name="res['data']" id="vo" offset="3" length="1">
<a href="/portal/region/getNewsDetail?id={$vo.id}">
<div class="show_7_con3 clearfix">
<div class="show_7_con3_txt">
<h1>{$vo.post_title}</h1>
<p>
{$vo.post_excerpt}
</p>
<span>{$vo.create_time|date="Y-m-d",###}</span>
</div>
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
</div>
</a>
</volist>
<!-- 内容模块2 -->
<volist name="res['data']" id="vo" offset="4" length="2">
<a href="/portal/region/getNewsDetail?id={$vo.id}">
<div class="show_7_con2 clearfix">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
<div class="show_7_con2_txt">
<h1>{$vo.post_title}</h1>
<p>
{$vo.post_excerpt}
</p>
<span>{$vo.create_time|date="Y-m-d",###}</span>
</div>
</div>
</a>
</volist>
<!--分页-->
<div class="pagination">
{$page|default=''}
</div>
</div>
</div>
<include file="public@footer"/>
<script src="__TMPL__/public/assets/js/jquery-3.2.1.min.js"></script>
<script src="__TMPL__/public/assets/js/layui.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 name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>独角快报详情</title>
<link rel="stylesheet" href="__TMPL__/public/assets/css/show.css">
<link rel="stylesheet" href="__TMPL__/public/assets/css/mask.css">
</head>
<body>
<include file="public@header"/>
<div class="mask">
</div>
<!-- 侧边栏 -->
<div class="sidebar">
<!-- 收藏 -->
<div class="collections">
<img src="__TMPL__/public/assets/starImg/bicon_02.png" alt="">
</div>
<!-- 喜欢 -->
<div class="likes">
<img src="__TMPL__/public/assets/starImg/bicon_03.png" alt="">
</div>
<!-- wx分享 -->
<div class="wx_go">
<img src="__TMPL__/public/assets/starImg/bicon_04.png" alt="">
<p>168</p>
</div>
<!-- wb分享 -->
<div class="wb_go">
<img src="__TMPL__/public/assets/starImg/bicon_05.png" alt="">
<p>168</p>
</div>
</div>
<!-- 主体内容 -->
<div class="show_4 clearfix">
<!-- 内容一 -->
<div class="show_4_con1">
<h1>{$res.post_title}</h1>
<span>{$res.create_time|date="Y-m-d",###}</span>
<img src="{:cmf_get_image_url($res.image_url)}" alt="">
<div class="show_4_txt">
{$res.post_content}
</div>
</div>
<div class="show_4_con2">
<!-- 评论 -->
<include file="public@comment"/>
</div>
</div>
<!-- 底部 -->
<include file="public@footer"/>
<script src="__TMPL__/public/assets/js/jquery-3.2.1.min.js"></script>
<script src="__TMPL__/public/assets/js/public.js"></script>
</body>
</html>
\ No newline at end of file
... ...
... ... @@ -119,18 +119,17 @@
</div>
<!-- 更多 -->
<div class="show_IN2">
<a href=""> MORE+ </a>
<a href="/portal/region/getMoreGallery"> MORE+ </a>
</div>
</div>
<!-- 内容 -->
<div class="show_INMain_con3_3 swiper-container">
<ul class="swiper-wrapper">
<li class="swiper-slide">
<img class="swiper-slide" src="__TMPL__/public/assets/starImg/aicon_47.png" alt="">
</li>
<volist name="res_xyhl" id="vo">
<li class="swiper-slide">
<a href="/portal/region/getGalleryDetail?id={$vo.id}">
<img class="swiper-slide slide-image" src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
</a>
</li>
</volist>
</ul>
... ... @@ -154,7 +153,7 @@
</div>
<!-- 更多 -->
<div class="show_IN2">
<a href=""> MORE+ </a>
<a href="/portal/region/getMoreNews"> MORE+ </a>
</div>
</div>
<!-- 内容 -->
... ... @@ -162,7 +161,7 @@
<ul>
<volist name="res_djkb" id="vo">
<li class="clearfix">
<a href="show_4.html">
<a href="/portal/region/getNewsDetail?id={$vo.id}">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
<div class="show_INMain_con4_txt">
<h2>{$vo.post_title}</h2>
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>活力生态详情</title>
<link rel="stylesheet" href="__TMPL__/public/assets/css/show.css">
<link rel="stylesheet" href="__TMPL__/public/assets/css/mask.css">
</head>
<body>
<include file="public@header"/>
<div class="mask">
</div>
<!-- 侧边栏 -->
<div class="sidebar">
<!-- 收藏 -->
<div class="collections">
<img src="__TMPL__/public/assets/starImg/bicon_02.png" alt="">
</div>
<!-- 喜欢 -->
<div class="likes">
<img src="__TMPL__/public/assets/starImg/bicon_03.png" alt="">
</div>
<!-- wx分享 -->
<div class="wx_go">
<img src="__TMPL__/public/assets/starImg/bicon_04.png" alt="">
<p>168</p>
</div>
<!-- wb分享 -->
<div class="wb_go">
<img src="__TMPL__/public/assets/starImg/bicon_05.png" alt="">
<p>168</p>
</div>
</div>
<!--主体内容-->
<div class="show_2">
<!--banner-->
<div class="show_banner">
<img src="{:cmf_get_image_url($res.image_url)}" alt="">
</div>
<!--main-->
<div class="show_main">
<!-- 头部 -->
<div class="show_main_Tit1 clearfix">
<h1>{$res.post_title}</h1>
<!--<p>2019-02-04</p>-->
</div>
<!-- 文字内容 -->
<div class="show_main_txt">
{$res.post_content}
</div>
</div>
<!-- 评论 -->
<include file="public@comment"/>
</div>
<include file="public@footer"/>
<script src="__TMPL__/public/assets/js/jquery-3.2.1.min.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 name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>异域珍馐详情</title>
<link rel="stylesheet" href="__TMPL__/public/assets/css/show.css">
<link rel="stylesheet" href="__TMPL__/public/assets/css/mask.css">
</head>
<body>
<include file="public@header"/>
<div class="mask">
</div>
<!-- 侧边栏 -->
<div class="sidebar">
<!-- 收藏 -->
<div class="collections">
<img src="__TMPL__/public/assets/starImg/bicon_02.png" alt="">
</div>
<!-- 喜欢 -->
<div class="likes">
<img src="__TMPL__/public/assets/starImg/bicon_03.png" alt="">
</div>
<!-- wx分享 -->
<div class="wx_go">
<img src="__TMPL__/public/assets/starImg/bicon_04.png" alt="">
<p>168</p>
</div>
<!-- wb分享 -->
<div class="wb_go">
<img src="__TMPL__/public/assets/starImg/bicon_05.png" alt="">
<p>168</p>
</div>
</div>
<!--主体内容-->
<div class="show_2">
<!--banner-->
<div class="show_banner">
<img src="{:cmf_get_image_url($res.image_url)}" alt="">
</div>
<!--main-->
<div class="show_main">
<!-- 头部 -->
<div class="show_main_Tit clearfix">
<h1>{$res.post_title}</h1>
<p>{$res.create_time|date="Y-m-d",###}</p>
</div>
<!-- 文字内容 -->
<div class="show_main_txt">
{$res.post_content}
</div>
</div>
<!-- 评论 -->
<include file="public@comment"/>
</div>
<include file="public@footer"/>
</body>
<script src="__TMPL__/public/assets/js/jquery-3.2.1.min.js"></script>
<script src="__TMPL__/public/assets/js/public.js"></script>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>良宿美寝详情</title>
<link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css">
<link rel="stylesheet" href="__TMPL__/public/assets/css/mask.css">
</head>
<body>
<include file="public@header"/>
<!--弹窗-->
<div class="mask">
</div>
<div class="happy_house clearfix">
<!-- 标题 -->
<h1>{$res.post_title}</h1>
<!-- 左侧内容 -->
<div class="happy_house_left">
<div class="happy_house_leftImg1">
<notempty name="res.image_one">
<img src="{:cmf_get_image_url($res.image_one)}" alt="">
</notempty>
</div>
<div class="happy_house_leftImg2">
<volist name="res.image_url" id="vo">
<div>
<img src="{:cmf_get_image_url($vo.url)}" alt="">
</div>
</volist>
</div>
</div>
<!-- 右侧内容 -->
<div class="happy_house_right">
<ul>
<!-- 电话 -->
<li class="clearfix">
<div class="happy_house_right1">
<img src="__TMPL__/public/assets/starImg/aicon_42.png" alt="">
<span>电话:</span>
</div>
<p>{$res.tel}</p>
</li>
<!-- 网址 -->
<li class="clearfix">
<div class="happy_house_right1">
<img src="__TMPL__/public/assets/starImg/aicon_42.png" alt="">
<span>网址:</span>
</div>
<p>{$res.url}</p>
</li>
<!-- 地址 -->
<li class="clearfix">
<div class="happy_house_right1">
<img src="__TMPL__/public/assets/starImg/aicon_42.png" alt="">
<span>地址:</span>
</div>
<p>{$res.address}</p>
</li>
</ul>
<!-- 文字介绍 -->
<p class="happy_house_rightTxt">{$res.post_excerpt}</p>
</div>
</div>
<!-- 评论 -->
<include file="public@comment"/>
<include file="public@footer"/>
<script src="__TMPL__/public/assets/js/jquery-3.2.1.min.js"></script>
<script src="__TMPL__/public/assets/js/public.js"></script>
<script>
$('.happy_house_leftImg2 div').mouseover(function() {
var img = $(this).find('img').attr('src');
$('.happy_house_leftImg1 img').attr('src', img)
})
</script>
</body>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>活力生态更多</title>
<link rel="stylesheet" href="__TMPL__/public/assets/css/bootstrap4.0.css">
<link rel="stylesheet" href="__TMPL__/public/assets/css/layui.css">
<link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css">
</head>
<body>
<include file="public@header"/>
<div class="happy_ecological">
<!-- 选择区域 -->
<div class="happy_select clearfix">
<img src="__TMPL__/public/assets/starImg/aicon_42.png" alt="">
<p>{$city_name}</p>
</div>
<!-- 顶部标题 -->
<div class="show_INMain_tit clearfix">
<div class="show_IN1 clearfix">
<img src="__TMPL__/public/assets/starImg/aicon_18.png" alt="">
<p>活力<span>生态</span></p>
<h2>Responsible Tourism</h2>
</div>
</div>
<!-- 内容 -->
<div class="happy_ecological_con">
<!-- 内容2 -->
<div class="happy_ecological_con2">
<!-- 第一部分 -->
<div class="happy_ecological_con2_1">
<ul class="clearfix">
<volist name="res.data" id="vo" offset="0" length="3">
<a href="/portal/star/getEcologyDetail?id={$vo.id}">
<li>
<div class="happy_ecological_con2_1Img">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
</div>
<div class="happy_ecological_con2_1Txt">
<h1>{$vo.post_title}</h1>
<p>
{$vo.post_excerpt}
</p>
</div>
</li>
</a>
</volist>
</ul>
</div>
<!-- 第二部分 -->
<div class="happy_ecological_con2_2">
<ul class="clearfix">
<volist name="res.data" id="vo" offset="3" length="2">
<a href="/portal/star/getEcologyDetail?id={$vo.id}">
<li>
<div class="happy_ecological_con2_2Img">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
</div>
<div class="happy_ecological_con2_1Txt">
<h1>{$vo.post_title}</h1>
<p>
{$vo.post_excerpt}
</p>
</div>
</li>
</a>
</volist>
</ul>
</div>
<!-- 第三部分 -->
<div class="happy_ecological_con2_1">
<ul class="clearfix">
<volist name="res.data" id="vo" offset="5" length="3">
<a href="/portal/star/getEcologyDetail?id={$vo.id}">
<li>
<div class="happy_ecological_con2_1Img">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
</div>
<div class="happy_ecological_con2_1Txt">
<h1>{$vo.post_title}</h1>
<p>
{$vo.post_excerpt}
</p>
</div>
</li>
</a>
</volist>
</ul>
</div>
</div>
<!--分页-->
<div class="pagination">
{$page|default=''}
</div>
</div>
</div>
<include file="public@footer"/>
<script src="__TMPL__/public/assets/js/jquery-3.2.1.min.js"></script>
<script src="__TMPL__/public/assets/js/layui.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 name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>异域珍馐更多</title>
<link rel="stylesheet" href="__TMPL__/public/assets/css/bootstrap4.0.css">
<link rel="stylesheet" href="__TMPL__/public/assets/css/layui.css">
<link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css">
</head>
<body>
<include file="public@header"/>
<div class="happy_food">
<!-- 选择区域 -->
<div class="happy_select clearfix">
<img src="__TMPL__/public/assets/starImg/aicon_42.png" alt="">
<p>{$city_name}</p>
</div>
<!-- 顶部标题 -->
<div class="show_INMain_tit clearfix">
<div class="show_IN1 clearfix">
<img src="__TMPL__/public/assets/starImg/aicon_11.png" alt="" style="margin-top:8px">
<p>异域<span>珍馐</span></p>
<h2>Gastronomy</h2>
</div>
</div>
<!-- 盒子 -->
<div class="happy_food_box">
<!-- 内容 -->
<div class="happy_food_con">
<!-- 内容2 -->
<div class="happy_food_con2">
<!-- 第一部分 -->
<div class="happy_food_con2_1">
<ul class="clearfix">
<volist name="res['data']" id="vo" offset="0" length="2">
<a href="/portal/star/getFoodDetail?id={$vo.id}">
<li>
<div class="happy_food_con2_1Img">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
</div>
<div class="happy_food_con2_1Txt clearfix">
<h2>{$vo.post_title}</h2>
<div class="happy_food_con2_1Txt2 clearfix">
<div>
<img src="__TMPL__/public/assets/starImg/bicon_14.png" alt="">
<p>{$vo.post_hits}</p>
</div>
<div>
<img src="__TMPL__/public/assets/starImg/bicon_13.png" alt="">
<p>{$vo.post_favorites}</p>
</div>
</div>
</div>
</li>
</a>
</volist>
</ul>
</div>
<!-- 第二部分 -->
<div class="happy_food_con2_2 clearfix">
<ul>
<volist name="res['data']" id="vo" offset="2" length="8">
<a href="/portal/star/getFoodDetail?id={$vo.id}">
<li>
<div class="happy_food_con2_2Img">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
</div>
<div class="happy_food_con2_2Txt2 clearfix">
<h2>{$vo.post_title}</h2>
<div>
<img src="__TMPL__/public/assets/starImg/bicon_14.png" alt="">
<p>{$vo.post_hits}</p>
</div>
<div>
<img src="__TMPL__/public/assets/starImg/bicon_13.png" alt="">
<p>{$vo.post_favorites}</p>
</div>
</div>
</li>
</a>
</volist>
</ul>
</div>
</div>
</div>
<!--分页-->
<div class="pagination">
{$page|default=''}
</div>
</div>
</div>
<include file="public@footer"/>
<script src="__TMPL__/public/assets/js/jquery-3.2.1.min.js"></script>
<script src="__TMPL__/public/assets/js/layui.js"></script>
<script src="__TMPL__/public/assets/js/public.js"></script>
</body>
</html>
\ No newline at end of file
... ...
... ... @@ -6,8 +6,14 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>良宿美寝更多</title>
<link rel="stylesheet" href="__TMPL__/public/assets/css/bootstrap4.0.css">
<link rel="stylesheet" href="__TMPL__/public/assets/css/layui.css">
<link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css">
<style>
a:hover{
text-decoration: none;
}
</style>
</head>
<body>
... ... @@ -16,7 +22,7 @@
<!-- 选择区域 -->
<div class="happy_select clearfix">
<img src="__TMPL__/public/assets/starImg/aicon_42.png" alt="">
<p>澳大利亚</p>
<p>{$city_name}</p>
</div>
<!-- 顶部标题 -->
<div class="show_INMain_tit clearfix">
... ... @@ -31,93 +37,126 @@
<!-- 内容 -->
<div class="happy_live_con">
<!-- 第一部分 -->
<notempty name="res['data'][0]">
<a href="/portal/star/getHotelDetail?id={$res['data'][0]['id']}">
<div class="happy_live_con_1">
<div class="happy_live_con_1Img">
<img src="__TMPL__/public/assets/starImg/aicon_13.png" alt="">
<img src="{:cmf_get_image_url($res['data'][0]['thumbnail'])}" alt="">
</div>
<p>全球唯一漂浮在海上的梦幻酒店,此生必打卡!</p>
<p>{$res['data'][0]['post_title']}</p>
<div class="happy_live_con_1_introduce">
酒店功能完善,设有包括总统套房、豪华商务套房等各色客房297间,酒店拥有中餐厅、西餐厅、韩国餐厅、火锅餐厅四个不同风味的餐饮场所,就餐总座位数1600余位,另设有可接待500人的宴会厅、可容纳400人的国际会议中心以及夜总会.
{$res['data'][0]['post_excerpt']}
</div>
</div>
</a>
</notempty>
<!-- 第二部分 -->
<div class="happy_live_con_2">
<ul class="clearfix">
<notempty name="res['data'][1]">
<a href="/portal/star/getHotelDetail?id={$res['data'][1]['id']}">
<li>
<div class="happy_live_con_2Img">
<img src="__TMPL__/public/assets/starImg/aicon_13.png" alt="">
<img src="{:cmf_get_image_url($res['data'][1]['thumbnail'])}" alt="">
</div>
<div class="happy_live_con_2Txt">
<h1>广州圣丰索菲特大酒店</h1>
<p>作为经济文化中心,不乏豪华特色酒店。或坐落庭院之中,亭台楼阁,竹影婆娑__TMPL__/public/assets.</p>
<h1>{$res['data'][1]['post_title']}</h1>
<p>{$res['data'][1]['post_excerpt']}</p>
</div>
</li>
</a>
</notempty>
<notempty name="res['data'][2]">
<a href="/portal/star/getHotelDetail?id={$res['data'][2]['id']}">
<li>
<div class="happy_live_con_2Img">
<img src="__TMPL__/public/assets/starImg/aicon_13.png" alt="">
<img src="{:cmf_get_image_url($res['data'][2]['thumbnail'])}" alt="">
</div>
<div class="happy_live_con_2Txt">
<h1>广州圣丰索菲特大酒店</h1>
<p>作为经济文化中心,不乏豪华特色酒店。或坐落庭院之中,亭台楼阁,竹影婆娑__TMPL__/public/assets.</p>
<h1>{$res['data'][2]['post_title']}</h1>
<p>{$res['data'][2]['post_excerpt']}</p>
</div>
</li>
</a>
</notempty>
<notempty name="res['data'][3]">
<a href="/portal/star/getHotelDetail?id={$res['data'][3]['id']}">
<li>
<div class="happy_live_con_2Img">
<img src="__TMPL__/public/assets/starImg/aicon_13.png" alt="">
<img src="{:cmf_get_image_url($res['data'][3]['thumbnail'])}" alt="">
</div>
<div class="happy_live_con_2Txt">
<h1>广州圣丰索菲特大酒店</h1>
<p>作为经济文化中心,不乏豪华特色酒店。或坐落庭院之中,亭台楼阁,竹影婆娑__TMPL__/public/assets.</p>
<h1>{$res['data'][3]['post_title']}</h1>
<p>{$res['data'][3]['post_excerpt']}</p>
</div>
</li>
</a>
</notempty>
</ul>
</div>
<!-- 第一部分 -->
<notempty name="res['data'][4]">
<a href="/portal/star/getHotelDetail?id={$res['data'][4]['id']}">
<div class="happy_live_con_1">
<div class="happy_live_con_1Img">
<img src="__TMPL__/public/assets/starImg/aicon_13.png" alt="">
<img src="{:cmf_get_image_url($res['data'][4]['thumbnail'])}" alt="">
</div>
<p>全球唯一漂浮在海上的梦幻酒店,此生必打卡!</p>
<p>{$res['data'][4]['post_title']}</p>
<div class="happy_live_con_1_introduce">
酒店功能完善,设有包括总统套房、豪华商务套房等各色客房297间,酒店拥有中餐厅、西餐厅、韩国餐厅、火锅餐厅四个不同风味的餐饮场所,就餐总座位数1600余位,另设有可接待500人的宴会厅、可容纳400人的国际会议中心以及夜总会.
{$res['data'][4]['post_excerpt']}
</div>
</div>
</a>
</notempty>
<!-- 第二部分 -->
<div class="happy_live_con_2">
<ul class="clearfix">
<notempty name="res['data'][5]">
<a href="/portal/star/getHotelDetail?id={$res['data'][5]['id']}">
<li>
<div class="happy_live_con_2Img">
<img src="__TMPL__/public/assets/starImg/aicon_13.png" alt="">
<img src="{:cmf_get_image_url($res['data'][5]['thumbnail'])}" alt="">
</div>
<div class="happy_live_con_2Txt">
<h1>广州圣丰索菲特大酒店</h1>
<p>作为经济文化中心,不乏豪华特色酒店。或坐落庭院之中,亭台楼阁,竹影婆娑__TMPL__/public/assets.</p>
<h1>{$res['data'][5]['post_title']}</h1>
<p>{$res['data'][5]['post_excerpt']}</p>
</div>
</li>
</a>
</notempty>
<notempty name="res['data'][6]">
<a href="/portal/star/getHotelDetail?id={$res['data'][6]['id']}">
<li>
<div class="happy_live_con_2Img">
<img src="__TMPL__/public/assets/starImg/aicon_13.png" alt="">
<img src="{:cmf_get_image_url($res['data'][6]['thumbnail'])}" alt="">
</div>
<div class="happy_live_con_2Txt">
<h1>广州圣丰索菲特大酒店</h1>
<p>作为经济文化中心,不乏豪华特色酒店。或坐落庭院之中,亭台楼阁,竹影婆娑__TMPL__/public/assets.</p>
<h1>{$res['data'][6]['post_title']}</h1>
<p>{$res['data'][6]['post_excerpt']}</p>
</div>
</li>
</a>
</notempty>
<notempty name="res['data'][7]">
<a href="/portal/star/getHotelDetail?id={$res['data'][7]['id']}">
<li>
<div class="happy_live_con_2Img">
<img src="__TMPL__/public/assets/starImg/aicon_13.png" alt="">
<img src="{:cmf_get_image_url($res['data'][7]['thumbnail'])}" alt="">
</div>
<div class="happy_live_con_2Txt">
<h1>广州圣丰索菲特大酒店</h1>
<p>作为经济文化中心,不乏豪华特色酒店。或坐落庭院之中,亭台楼阁,竹影婆娑__TMPL__/public/assets.</p>
<h1>{$res['data'][7]['post_title']}</h1>
<p>{$res['data'][7]['post_excerpt']}</p>
</div>
</li>
</a>
</notempty>
</ul>
</div>
</div>
<!-- 分页 -->
<div id="page">
123456
<!--分页-->
<div class="pagination">
{$page|default=''}
</div>
</div>
</div>
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>网红美景更多</title>
<link rel="stylesheet" href="__TMPL__/public/assets/css/bootstrap4.0.css">
<link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css">
</head>
<body>
<include file="public@header"/>
<div class="happy_beauty">
<!-- 选择区域 -->
<div class="happy_select clearfix">
<img src="__TMPL__/public/assets/starImg/aicon_42.png" alt="">
<p>{$city_name}</p>
</div>
<!-- 顶部标题 -->
<div class="show_INMain_tit clearfix">
<div class="show_IN1 clearfix">
<img src="__TMPL__/public/assets/starImg/aicon_06.png" alt="" style="width:28px">
<p>网红<span>美景</span></p>
<h2>Top Attraction</h2>
</div>
</div>
<!-- 盒子 -->
<div class="happy_beauty_box">
<!-- 内容 -->
<div class="happy_beauty_con">
<!-- 第一部分 -->
<div class="happy_beauty_con_1">
<div class="happy_beauty_con_1_box">
<volist name="res['data']" id="vo" offset="0" lengt="4">
<div class="happy_beauty_con_1top">
<div class="happy_beauty_con_1topimg1">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
</div>
<div class="happy_beauty_con_1topTxt clearfix">
<h1>{$vo.post_title}</h1>
<div class="happy_food_con2_1Txt2 clearfix">
<div>
<img src="__TMPL__/public/assets/starImg/bicon_12.png" alt="">
<p>{$vo.post_hits}</p>
</div>
<div>
<img src="__TMPL__/public/assets/starImg/bicon_11.png" alt="">
<p>{$vo.post_favorites}</p>
</div>
</div>
</div>
</div>
</volist>
</div>
<div class="happy_beauty_conTab">
<ul class="clearfix">
<volist name="res['data']" id="vo" offset="0" lengt="4">
<li>
<div class="happy_beauty_conTabImg">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
<span></span>
</div>
<p>{$vo.post_title}</p>
</li>
</volist>
</ul>
</div>
</div>
<!-- 第二部分 -->
<div class="happy_food_con2_2 clearfix">
<ul>
<volist name="res['data']" id="vo">
<a href="/portal/star/getSceneryDetail?id={$vo.id}">
<li>
<div class="happy_food_con2_2Img">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
</div>
<div class="happy_food_con2_2Txt2 clearfix">
<h2>{$vo.post_title}</h2>
<div>
<img src="__TMPL__/public/assets/starImg/bicon_14.png" alt="">
<p>{$vo.post_hits}</p>
</div>
<div>
<img src="__TMPL__/public/assets/starImg/bicon_13.png" alt="">
<p>{$vo.post_favorites}</p>
</div>
</div>
</li>
</a>
</volist>
</ul>
</div>
</div>
<!--分页-->
<div class="pagination">
{$page|default=''}
</div>
</div>
</div>
<include file="public@footer"/>
<script src="__TMPL__/public/assets/js/jquery-3.2.1.min.js"></script>
<script src="__TMPL__/public/assets/js/public.js"></script>
<script>
$('.happy_beauty_con_1top').eq(0).addClass('happy_beauty_active');
$('.happy_beauty_conTab ul li').mouseover(function() {
var index = $(this).index();
$('.happy_beauty_con_1top').eq(index).addClass('happy_beauty_active').siblings().removeClass('happy_beauty_active');
})
</script>
</body>
</html>
\ No newline at end of file
... ...
... ... @@ -60,13 +60,12 @@
</ul>
</div>
</div>
</div>
<!--分页-->
<div class="pagination">
{$page|default=''}
</div>
</div>
</div>
<include file="public@footer"/>
<script src="__TMPL__/public/assets/js/jquery-3.2.1.min.js"></script>
<script src="__TMPL__/public/assets/js/public.js"></script>
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>网红美景详情</title>
<link rel="stylesheet" href="__TMPL__/public/assets/css/show.css">
<link rel="stylesheet" href="__TMPL__/public/assets/css/mask.css">
</head>
<body>
<include file="public@header"/>
<div class="mask">
</div>
<!-- 侧边栏 -->
<div class="sidebar">
<!-- 收藏 -->
<div class="collections">
<img src="__TMPL__/public/assets/starImg/bicon_02.png" alt="">
</div>
<!-- 喜欢 -->
<div class="likes">
<img src="__TMPL__/public/assets/starImg/bicon_03.png" alt="">
</div>
<!-- wx分享 -->
<div class="wx_go">
<img src="__TMPL__/public/assets/starImg/bicon_04.png" alt="">
<p>168</p>
</div>
<!-- wb分享 -->
<div class="wb_go">
<img src="__TMPL__/public/assets/starImg/bicon_05.png" alt="">
<p>168</p>
</div>
</div>
<!--主体内容-->
<div class="show_2">
<!--banner-->
<div class="show_banner">
<img src="{:cmf_get_image_url($res.image_url)}" alt="">
</div>
<!--main-->
<div class="show_main">
<!-- 头部 -->
<div class="show_main_Tit clearfix">
<h1>{$res.post_title}</h1>
<p>{$res.create_time|date="Y-m-d",###}</p>
</div>
<!-- 文字内容 -->
<div class="show_main_txt">
{$res.post_content}
</div>
</div>
<!-- 评论 -->
<include file="public@comment"/>
</div>
<include file="public@footer"/>
<script src="__TMPL__/public/assets/js/jquery-3.2.1.min.js"></script>
<script src="__TMPL__/public/assets/js/public.js"></script>
</body>
</html>
\ No newline at end of file
... ...
... ... @@ -46,6 +46,7 @@
<div class="show_INMain_con2_2">
<notempty name="res_xqgs">
<div class="swiper-slide">
<a href="/portal/star/getStoryDetail?id={$res_xqgs.id}">
<div class="show_index_con2Txt clearfix">
<!-- 左侧图片 -->
<img class="show_indexImg1" src="{:cmf_get_image_url($res_xqgs.thumbnail)}" alt="">
... ... @@ -73,13 +74,14 @@
</div>
<!-- 更多 -->
<div class="happy_IN2">
<a href=""> MORE+ </a>
<a href="/portal/star/getMoreScenery?city_id={$city_id}"> MORE+ </a>
</div>
</div>
<!-- 第二部分 -->
<div class="happy_food_con2_2 clearfix swiper-container2">
<ul class="swiper-wrapper">
<volist name="res_whmj" id="vo">
<a href="/portal/star/getSceneryDetail?id={$vo.id}">
<li class="swiper-slide ">
<div class="happy_food_con2_2Img">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
... ... @@ -96,6 +98,7 @@
</div>
</div>
</li>
</a>
</volist>
</ul>
<div class="show_swiper2_btn clearfix">
... ... @@ -119,13 +122,14 @@
</div>
<!-- 更多 -->
<div class="happy_IN2">
<a href=""> MORE+ </a>
<a href="/portal/star/getMoreFood?city_id={$city_id}"> MORE+ </a>
</div>
</div>
<!-- 第一部分 -->
<div class="happy_food_con2_1 swiper-container3">
<ul class="clearfix swiper-wrapper">
<volist name="res_yyzx" id="vo">
<a href="/portal/star/getFoodDetail?id={$vo.id}">
<li class="swiper-slide">
<div class="happy_food_con2_1Img">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
... ... @@ -134,6 +138,7 @@
<h2>{$vo.post_title}</h2>
</div>
</li>
</a>
</volist>
</ul>
<div class="show_swiper2_btn clearfix">
... ... @@ -164,12 +169,14 @@
<div class="happy_live_con_1 swiper-container4">
<div class="swiper-wrapper">
<volist name="res_lsmq" id="vo">
<a href="/portal/star/getHotelDetail?id={$vo.id}">
<div class="swiper-slide">
<div class="happy_live_con_1Img">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
</div>
<p>{$vo.post_title}</p>
</div>
</a>
</volist>
</div>
<div class="show_swiper2_btn clearfix">
... ... @@ -193,13 +200,14 @@
</div>
<!-- 更多 -->
<div class="happy_IN2">
<a href=""> MORE+ </a>
<a href="/portal/star/getMoreEcology?city_id={$city_id}"> MORE+ </a>
</div>
</div>
<!-- 第一部分 -->
<div class="happy_ecological_con2_1">
<ul class="clearfix">
<volist name="res_hlst" id="vo">
<a href="/portal/star/getEcologyDetail?id={$vo.id}">
<li>
<div class="happy_ecological_con2_1Img">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
... ... @@ -211,6 +219,7 @@
</p>
</div>
</li>
</a>
</volist>
</ul>
</div>
... ...
... ... @@ -159,7 +159,7 @@ body {
.happy_gallery_con {
width: 1200px;
margin: 142px auto 100px;
margin: 142px auto 150px;
}
.show_IN1 {
... ... @@ -207,6 +207,7 @@ body {
.happy_gallery_con2 ul li img {
width: 260px;
height:374px;
}
... ... @@ -610,7 +611,7 @@ body {
.happy_food {
width: 1200px;
margin: 30px auto 100px;
margin: 30px auto 150px;
}
.show_INMain_tit {
... ... @@ -742,7 +743,7 @@ body {
.happy_live {
width: 1200px;
margin: 30px auto 100px;
margin: 30px auto 150px;
}
.happy_live_con {
... ... @@ -773,6 +774,11 @@ body {
font-size: 14px;
color: rgba(255, 255, 255, 1);
line-height: 24px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
}
.happy_live_con_1Img {
... ... @@ -833,6 +839,12 @@ body {
color: rgba(153, 153, 153, 1);
line-height: 22px;
margin-top: 12px;
height:43px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
... ... @@ -840,7 +852,7 @@ body {
.happy_beauty {
width: 1200px;
margin: 30px auto 100px;
margin: 30px auto 150px;
}
.happy_beauty_con {
... ...
... ... @@ -632,6 +632,17 @@ body {
color: rgba(26, 26, 26, 1);
}
.show_main_Tit1 {
padding-top: 54px;
}
.show_main_Tit1 h1 {
cursor: pointer;
font-size: 32px;
color: rgba(26, 26, 26, 1);
text-align:center;
}
.show_main_Tit p {
float: right;
cursor: pointer;
... ... @@ -1216,3 +1227,534 @@ body {
font-size: 18px;
color: rgba(255, 255, 255, 1);
}
/* 更多快报页 */
.show_7 {
width: 1200px;
margin: 140px auto 150px;
}
.show_7_con {
margin-top: 40px;
}
.show_7_con1,
.show_7_con3 {
width: 100%;
height: 365px;
background-color: white;
}
.show_7_con1 img {
width: 550px;
height: 100%;
float: left;
}
.show_7_con1_txt {
float: left;
width: 528px;
padding-top: 100px;
padding-left: 59px;
}
.show_7_con1_txt h1,
.show_7_con2_txt h1,
.show_7_con3_txt h1 {
cursor: pointer;
font-size: 18px;
font-weight: 400;
color: rgba(26, 26, 26, 1);
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.show_7_con1_txt p,
.show_7_con3_txt p {
font-size: 14px;
margin: 30px 0 36px 0;
color: rgba(153, 153, 153, 1);
line-height: 22px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
.show_7_con1_txt span,
.show_7_con2_txt span,
.show_7_con3_txt span {
cursor: pointer;
font-size: 14px;
color: rgba(102, 102, 102, 1);
}
.show_7_con2 {
width: 100%;
padding: 30px;
margin-top: 14px;
background-color: white;
box-sizing: border-box;
}
.show_7_con2 img {
width: 230px;
height: 100%;
float: left;
}
.show_7_con2_txt {
width: 878px;
float: left;
margin-left: 29px;
padding-top: 20px;
}
.show_7_con2_txt p {
font-size: 14px;
margin: 12px 0 18px 0;
color: rgba(153, 153, 153, 1);
line-height: 22px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.show_7_con3 {
margin-top: 14px;
}
.show_7_con3 img {
width: 550px;
height: 100%;
float: right;
}
.show_7_con3_txt {
float: left;
width: 528px;
padding-top: 100px;
padding-left: 59px;
}
/* 相册详情 */
.show_8 {
margin: 89px auto 100px;
}
.show_8_box {
width: 1200px;
margin: auto;
background-color: #50509F;
padding-bottom: 27px;
}
.gallery-top {
width: 1200px;
height: 675px;
margin: auto;
overflow: hidden;
}
.gallery-top ul li img {
width: 100%;
height: 100%;
}
.gallery-thumbs {
width: 1055px;
margin: auto;
overflow: hidden;
}
.gallery-thumbs ul li {
width: 256px !important;
}
.gallery-thumbs ul li img {
width: 100%;
height: 144px;
}
.gallery-thumbs .swiper-slide {
box-sizing: border-box;
}
.gallery-thumbs .swiper-slide-thumb-active {
border: 2px solid white;
}
.gallery-thumbs_box {
width: 1200px;
position: relative;
}
.show_8_name {
text-align: center;
font-size: 24px;
font-weight: bold;
margin: 23px 0;
color: rgba(255, 255, 255, 1);
}
.swiper-button-prev8,
.swiper-button-next8 {
width: 34px;
height: 34px;
outline: none;
background: rgba(255, 255, 255, 1);
border-radius: 50%;
}
.swiper-button-prev8,
.swiper-button-next8 {
cursor: pointer;
position: absolute;
background-color: #09FF8E;
background-size: 14px 14px;
background-repeat: no-repeat;
background-position: center;
background-image: url(../starImg/left.png);
}
.swiper-button-prev8 {
top: 39%;
left: 16px;
}
.swiper-button-next8 {
top: 39%;
right: 16px;
background-image: url(../starImg/right.png);
}
.swiper-button-next8.swiper-button-disabled,
.swiper-button-prev8.swiper-button-disabled {
background-color: rgba(255, 255, 255, 1);
}
/* 星球影院页 */
.show_9 {
width: 1200px;
margin: 75px auto 100px;
}
.show_9_video {
float: left;
position: relative;
width: 955px;
height: 426px;
background-color: black;
}
.video_poster {
position: absolute;
top: 0;
width: 100%;
height: 426px;
}
.show_9_video .play_button {
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 35%;
}
.show_9_video_aside {
width: 245px;
height: 426px;
overflow-y: scroll;
padding: 24px 10px 0;
box-sizing: border-box;
background: rgba(49, 49, 49, 1);
}
.show_9_video_aside::-webkit-scrollbar {
width: 6px;
background: rgba(73, 73, 73, 1);
}
.show_9_video_aside::-webkit-scrollbar-thumb {
width: 6px;
background: rgba(107, 107, 107, 1);
}
.show_9_video_asideTie {
height: 32px;
line-height: 32px;
box-sizing: border-box;
}
.select {
position: relative;
}
.select ul {
display: none;
position: absolute;
width: 142px;
top: 32px;
left: 52px;
z-index: 1;
}
.select ul li {
cursor: pointer;
border-bottom: 1px solid #EBEBEB;
padding-left: 16px;
background-color: white;
}
.select ul li:last-child {
border-bottom: 0;
}
.select ul li:hover {
background: #09FF8E;
}
.show_9_video_asideTie .select input {
cursor: pointer;
width: 169px;
height: 32px;
outline: none;
border: 0;
color: #1A1A1A;
padding-left: 20px;
box-sizing: border-box;
margin-left: 11px;
background-color: rgba(255, 255, 255, 1);
box-shadow: -18px 18px 54px 0px rgba(0, 0, 0, 0.1);
opacity: 0.9;
border-radius: 16px;
}
.select img {
position: absolute;
top: 11px;
right: 24px;
width: 14px;
height: 14px;
}
.curren {
display: none;
}
.video_active {
display: block !important;
}
.show_9_video_asideTie p {
float: left;
font-size: 14px;
color: rgba(255, 255, 255, 1);
}
.show_9_video_asideCon {
margin-top: 19px;
}
.show_9_video_asideCon ul {
display: none;
}
.show_9_video_asideCon ul li {
cursor: pointer;
margin-bottom: 30px;
}
.show_9_video_asideCon ul li img {
float: left;
width: 128px;
opacity: 0.3;
}
.show_9_video_asideCon ul li p {
width: 70px;
float: left;
margin-left: 10px;
font-size: 14px;
color: rgba(153, 153, 153, 1);
line-height: 22px;
}
.show_9_video_asideTxt {
padding: 24px 32px;
box-sizing: border-box;
width: 100%;
background: rgba(255, 255, 255, 1);
}
.show_9_video_asideTxt h1 {
font-size: 16px;
font-weight: 400;
cursor: pointer;
color: rgba(0, 0, 0, 1);
}
.show_9_video_asideTxt2 {
float: left;
}
.show_9_video_asideTxt2 p {
font-size: 14px;
color: #858585;
margin-top: 20px;
display: inline-block;
margin-right: 80px;
}
.show_9_video_asideTxt3 {
float: left;
margin-left: 334px;
}
.show_9_video_asideTxt3 p {
font-size: 16px;
float: left;
line-height: 42px;
margin-right: 15px;
color: rgba(26, 26, 26, 1);
}
.show_9_video_asideTxt3 img {
width: 40px;
cursor: pointer;
border-radius: 50%;
margin-right: 8px;
display: inline-block;
}
.show_9_video_asideCon ul li:hover img {
opacity: 1;
}
.show_9_video_asideCon ul li:hover p {
color: #09FF8E;
}
/* 搜索结果页 */
.index_search {
width: 1200px;
margin: 53px auto 100px;
}
.index_search_tit img {
width: 40px;
float: left;
}
.index_search_tit h1 {
float: left;
cursor: pointer;
font-size: 32px;
margin-left: 23px;
color: rgba(58, 255, 165, 1);
}
.index_search_tit2 {
float: left;
height: 40px;
margin-left: 18px;
border-left: 1px solid #D0D2E6;
}
.index_search_tit2 p {
line-height: 57px;
font-size: 16px;
color: #D0D2E6;
padding-left: 16px;
}
.index_search_con {
padding: 0 30px 30px;
box-sizing: border-box;
width: 100%;
background-color: white;
margin-top: 52px;
}
.index_search_con ul {
overflow: hidden;
}
.index_search_con ul li {
padding-bottom: 26px;
margin-top: 30px;
border-bottom: 1px solid #EBEBEB;
}
.index_search_con ul li:last-child {
border: 0;
padding-bottom: 0px;
}
.index_search_con ul li h1 {
font-size: 18px;
}
.index_search_con ul li h2 {
font-size: 14px;
margin-top: 14px;
font-weight: normal;
color: rgba(153, 153, 153, 1);
line-height: 22px;
}
.index_search_con_list {
margin-top: 18px;
}
.index_search_con_list p {
display: inline-block;
line-height: 1;
font-size: 12px;
color: rgba(102, 102, 102, 1);
}
.index_search_con_list p:last-child:after {
display: none;
}
.index_search_con_list p:after {
content: '';
width: 1px;
height: 12px;
vertical-align: middle;
margin-left: 10px;
margin-right: 9px;
display: inline-block;
background: rgba(235, 235, 235, 1);
}
.video_mask {
position: fixed;
top: 44%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
padding: 24px 33px;
background: rgba(0, 0, 0, 1);
border-radius: 10px;
z-index: 1;
font-size: 18px;
color: rgba(255, 255, 255, 1);
}
\ No newline at end of file
... ...