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

渲染星域秀场页面

... ... @@ -27,12 +27,18 @@ class RegionController extends HomeBaseController
$more = json_decode($value['more'],true);
$value['video'] = $more['video'];
}
if($res_xqyy){
$res_xqyy = $res_xqyy[0];
}
$this->assign('res_xqyy',$res_xqyy);
//明星访谈
$position['category_id'] = CityCategoryModel::mxft;
$field = 'id,thumbnail avatar,full_name,position,trade,post_excerpt';
$res_mxft = $this->getChildArticle($position,$field,1);
if($res_mxft){
$res_mxft = $res_mxft[0];
}
$this->assign('res_mxft',$res_mxft);
//星球故事
... ... @@ -70,7 +76,7 @@ class RegionController extends HomeBaseController
//童趣未来
$position['category_id'] = CityCategoryModel::tqwl;
$field = 'id,thumbnail,post_title,post_excerpt';
$res_tqwl = $this->getChildArticle($position,$field,$this->index_limit);
$res_tqwl = $this->getChildArticle($position,$field,2);
$this->assign('res_tqwl',$res_tqwl);
return $this->fetch();
... ...
... ... @@ -42,7 +42,7 @@
</div>
<div class="form-group">
<label for="input-description">描述</label>
<label for="input-description">链接</label>
<div>
<textarea class="form-control" name="description" id="input-description"></textarea>
</div>
... ...
... ... @@ -42,7 +42,7 @@
</div>
</div>
<div class="form-group">
<label for="input-description">描述</label>
<label for="input-description">链接</label>
<div>
<textarea class="form-control" name="description"
id="input-description">{$description}</textarea>
... ...
... ... @@ -37,8 +37,8 @@
<th width="50">排序</th>
<th width="50">ID</th>
<th>分类名称</th>
<th>描述</th>
<th>状态</th>
<th>链接</th>
<th width="200">状态</th>
<th width="210">操作</th>
</tr>
</thead>
... ...
... ... @@ -42,7 +42,14 @@
<th width="100">姓名<span class="form-required">*</span></th>
<td>
<input class="form-control" type="text" name="post[full_name]"
id="title" required value="" placeholder="请输入姓名"/>
id="full_name" required value="" placeholder="请输入姓名"/>
</td>
</tr>
<tr>
<th width="100">标题<span class="form-required">*</span></th>
<td>
<input class="form-control" type="text" name="post[post_title]"
id="title" required value="" placeholder="请输入标题"/>
</td>
</tr>
<tr>
... ...
... ... @@ -50,6 +50,13 @@
</td>
</tr>
<tr>
<th width="100">标题<span class="form-required">*</span></th>
<td>
<input class="form-control" type="text" name="post[post_title]"
required value="{$post.post_title}" placeholder="请输入标题"/>
</td>
</tr>
<tr>
<th>简介<span class="form-required">*</span></th>
<td>
<textarea class="form-control" required name="post[post_excerpt]" style="height: 50px;"
... ...
... ... @@ -19,7 +19,7 @@
<body>
<!-- 头部 -->
<include file="public@header">
<include file="public@header"/>
<!-- banner -->
<div id="banner">
<img src="__TMPL__/public/assets/starImg/aicon_01.png" alt="">
... ... @@ -690,7 +690,7 @@
</div>
</div>
<include file="public@footer">
<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>
... ...
... ... @@ -6,20 +6,30 @@
<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="../css/header.css">
<link rel="stylesheet" href="../swiper4/swiper.min.css">
<link rel="stylesheet" href="../css/show.css">
<link rel="stylesheet" href="__TMPL__/public/assets/css/header.css">
<link rel="stylesheet" href="__TMPL__/public/assets/js/swiper4/swiper.min.css">
<link rel="stylesheet" href="__TMPL__/public/assets/css/show.css">
<style>
.slide-image{
width:260px;
height:375px;
}
</style>
</head>
<body>
<!--头部-->
<header></header>
<include file="public@header"/>
<div class="show_index">
<!-- banner视频 -->
<div class="show_index_banner">
<video id="video" autoplay="autoplay" controls width="100%" height="660" src="../starImg/video.mp4"></video>
<!-- poster="../starImg/aicon_01.png" -->
<!-- <img onclick="bofang()" class="show_in_banner2" src="../starImg/aicon_30.png" alt=""> -->
<notempty name="res_xqyy">
<video id="video" autoplay="autoplay" controls width="100%" height="660" src="{:cmf_get_file_download_url($res_xqyy.video)}"></video>
<else/>
<video id="video" autoplay="autoplay" controls width="100%" height="660" src="__TMPL__/public/assets/starImg/video.mp4"></video>
</notempty>
<!-- poster="__TMPL__/public/assets/starImg/aicon_01.png" -->
<!-- <img onclick="bofang()" class="show_in_banner2" src="__TMPL__/public/assets/starImg/aicon_30.png" alt=""> -->
</div>
<!-- main 背景 -->
... ... @@ -29,7 +39,7 @@
<!-- 顶部标题 -->
<div class="show_INMain_tit clearfix">
<div class="show_IN1 clearfix">
<img src="../starImg/aicon_48.png" alt="">
<img src="__TMPL__/public/assets/starImg/aicon_48.png" alt="">
<p>明星<span>访谈</span></p>
<h2>Star Interview</h2>
</div>
... ... @@ -41,12 +51,12 @@
<!-- 内容 -->
<div class="show_INMain_con clearfix">
<a href="mingxing_detail.html">
<img class="show_INMain_con1" src="../starImg/aicon_31.png" alt="">
<img class="show_INMain_con1" src="{:cmf_get_image_url($res_mxft.avatar)}" alt="">
<div class="show_INMain_con2 clearfix">
<img class="show_INMain_con3" src="../starImg/aicon_32.png" alt="">
<h2>胡歌</h2>
<h3>著名国际巨星 慈善家</h3>
<p>那年孩子们都上大学了,我孑然一身,几个老弟兄说出国走走看看,一个老嫂子会点外语,于是我们就自由行到了欧洲,法国,德国,意大利,几个国家转了一圈,外国的天气,气候真是清新,不去的时候不想,但是身临其境的时候就会感受到巨大的差异。巴黎车水马龙,意大利热情奔放,</p>
<img class="show_INMain_con3" src="__TMPL__/public/assets/starImg/aicon_32.png" alt="">
<h2>{$res_mxft.full_name}</h2>
<h3>{$res_mxft.position} {$res_mxft.trade}</h3>
<p>{$res_mxft.post_excerpt}</p>
</div>
</a>
</div>
... ... @@ -56,7 +66,7 @@
<!-- 顶部标题 -->
<div class="show_INMain_tit clearfix">
<div class="show_IN1 clearfix">
<img src="../starImg/aicon_03.png" alt="">
<img src="__TMPL__/public/assets/starImg/aicon_03.png" alt="">
<p>星球<span>故事</span></p>
<h2>Planet Story</h2>
</div>
... ... @@ -68,34 +78,22 @@
<!-- 内容 -->
<div class="show_INMain_con2_2 swiper-container2">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="show_index_con2Txt clearfix">
<!-- 左侧图片 -->
<img class="show_indexImg1" src="../starImg/aicon_21.png" alt="">
<!-- 文字 -->
<div class="show_index_con2Txt2">
链子桥于1839年开始兴建,1849年竣工,全长380米。建成时是当时世界上跨度最大的桥,桥身以锁链为骨架,桥面两侧设有人行走道,中间可通行车辆。矗立在两岸的桥头堡是两座高大雄伟的石砌凯旋门,拱门雕饰精美、缘线层叠,配以稳重的基座,颇有大气的王者之风。巨大的钢索从桥头堡引出,悬拉起舒展的桥面,勾勒出遒劲的曲线轮廓。靠近佩斯区的桥两侧有两头石狮镇守,雄狮造型刚毅雄伟,如守护神般日夜镇守着链子桥,现在已成为链子桥的象征如守护神般日夜镇守着链子桥。 在链子桥上漫步,你可以欣赏到布达和佩斯两岸的迷人风景,宁静的多瑙河,壮观华丽的匈牙利国会大厦,梦幻的渔人堡,置身其中,恍如步入凝固的历史画卷。不论春夏秋冬,这里的美景都别有一番韵味。链子桥的布达一端设有垂直缆车,和四季酒店宫殿般美轮美奂的建筑。宁静的多瑙河,壮观华丽的匈牙利国会大厦,梦幻的渔人堡,置身其中,恍如步入凝固的历史画卷。
</div>
<!-- 进度条 -->
<div class="show_index_progress">
<img src="../starImg/aicon_15.png" alt="">
<volist name="res_xqgs" id="vo">
<div class="swiper-slide">
<div class="show_index_con2Txt clearfix">
<!-- 左侧图片 -->
<img class="show_indexImg1" src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
<!-- 文字 -->
<div class="show_index_con2Txt2">
{$vo.post_excerpt}
</div>
<!-- 进度条 -->
<div class="show_index_progress">
<img src="__TMPL__/public/assets/starImg/aicon_15.png" alt="">
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="show_index_con2Txt clearfix">
<!-- 左侧图片 -->
<img class="show_indexImg1" src="../starImg/aicon_21.png" alt="">
<!-- 文字 -->
<div class="show_index_con2Txt2">
链子桥于1839年开始兴建,1849年竣工,全长380米。建成时是当时世界上跨度最大的桥,桥身以锁链为骨架,桥面两侧设有人行走道,中间可通行车辆。矗立在两岸的桥头堡是两座高大雄伟的石砌凯旋门,拱门雕饰精美、缘线层叠,配以稳重的基座,颇有大气的王者之风。巨大的钢索从桥头堡引出,悬拉起舒展的桥面,勾勒出遒劲的曲线轮廓。靠近佩斯区的桥两侧有两头石狮镇守,雄狮造型刚毅雄伟,如守护神般日夜镇守着链子桥,现在已成为链子桥的象征如守护神般日夜镇守着链子桥。 在链子桥上漫步,你可以欣赏到布达和佩斯两岸的迷人风景,宁静的多瑙河,壮观华丽的匈牙利国会大厦,梦幻的渔人堡,置身其中,恍如步入凝固的历史画卷。不论春夏秋冬,这里的美景都别有一番韵味。链子桥的布达一端设有垂直缆车,和四季酒店宫殿般美轮美奂的建筑。宁静的多瑙河,壮观华丽的匈牙利国会大厦,梦幻的渔人堡,置身其中,恍如步入凝固的历史画卷。
</div>
<!-- 进度条 -->
<div class="show_index_progress">
<img src="../starImg/aicon_15.png" alt="">
</div>
</div>
</div>
</volist>
</div>
<div class="show_swiper2_btn clearfix">
... ... @@ -114,7 +112,7 @@
<!-- 顶部标题 -->
<div class="show_INMain_tit clearfix">
<div class="show_IN1 clearfix">
<img src="../starImg/aicon_50.png" alt="">
<img src="__TMPL__/public/assets/starImg/aicon_50.png" alt="">
<p>星球<span>画廊</span></p>
<h2>Star Gallery</h2>
</div>
... ... @@ -123,26 +121,13 @@
<div class="show_INMain_con3_3 swiper-container">
<ul class="swiper-wrapper">
<li class="swiper-slide">
<img class="swiper-slide" src="../starImg/aicon_47.png" alt="">
</li>
<li class="swiper-slide">
<img class="swiper-slide" src="../starImg/aicon_47.png" alt="">
</li>
<li class="swiper-slide">
<img class="swiper-slide" src="../starImg/aicon_47.png" alt="">
</li>
<li class="swiper-slide">
<img class="swiper-slide" src="../starImg/aicon_47.png" alt="">
</li>
<li class="swiper-slide">
<img class="swiper-slide" src="../starImg/aicon_47.png" alt="">
</li>
<li class="swiper-slide">
<img class="swiper-slide" src="../starImg/aicon_47.png" alt="">
</li>
<li class="swiper-slide">
<img class="swiper-slide" src="../starImg/aicon_47.png" alt="">
<img class="swiper-slide" src="__TMPL__/public/assets/starImg/aicon_47.png" alt="">
</li>
<volist name="res_xyhl" id="vo">
<li class="swiper-slide">
<img class="swiper-slide slide-image" src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
</li>
</volist>
</ul>
<div class="swiper-button-next">
... ... @@ -158,7 +143,7 @@
<!-- 顶部标题 -->
<div class="show_INMain_tit clearfix">
<div class="show_IN1 clearfix">
<img src="../starImg/aicon_51.png" alt="" style="margin-top:5px;width: 30px;">
<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>
... ... @@ -170,40 +155,20 @@
<!-- 内容 -->
<div class="show_INMain_con4">
<ul>
<li class="clearfix">
<a href="show_4.html">
<img src="../starImg/bicon_27.png" alt="">
<div class="show_INMain_con4_txt">
<h2>这片鲜有人知的湖区,堪称芬兰的灵魂,就等你来一探究竟!</h2>
<p>一提到芬兰,脑海里总是出现绚丽的极光、快乐的圣诞老人……你以为芬兰所有的快乐和浪漫都留给了冬天?会议认为,成绩留在过去,问题面向未来。目前,中青旅处于经济下行风险期、旅游行业变革创新期、自身改革发展转型期“三期叠加”爬坡过坎的特殊关键时期。
</p>
<span>2019-01-09</span>
</div>
</a>
</li>
<li class="clearfix">
<a href="show_4.html">
<img src="../starImg/bicon_27.png" alt="">
<div class="show_INMain_con4_txt">
<h2>这片鲜有人知的湖区,堪称芬兰的灵魂,就等你来一探究竟!</h2>
<p>一提到芬兰,脑海里总是出现绚丽的极光、快乐的圣诞老人……你以为芬兰所有的快乐和浪漫都留给了冬天?会议认为,成绩留在过去,问题面向未来。目前,中青旅处于经济下行风险期、旅游行业变革创新期、自身改革发展转型期“三期叠加”爬坡过坎的特殊关键时期。
</p>
<span>2019-01-09</span>
</div>
</a>
</li>
<li class="clearfix">
<a href="show_4.html">
<img src="../starImg/bicon_27.png" alt="">
<div class="show_INMain_con4_txt">
<h2>这片鲜有人知的湖区,堪称芬兰的灵魂,就等你来一探究竟!</h2>
<p>一提到芬兰,脑海里总是出现绚丽的极光、快乐的圣诞老人……你以为芬兰所有的快乐和浪漫都留给了冬天?会议认为,成绩留在过去,问题面向未来。目前,中青旅处于经济下行风险期、旅游行业变革创新期、自身改革发展转型期“三期叠加”爬坡过坎的特殊关键时期。
</p>
<span>2019-01-09</span>
</div>
</a>
</li>
<volist name="res_djkb" id="vo">
<li class="clearfix">
<a href="show_4.html">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
<div class="show_INMain_con4_txt">
<h2>{$vo.post_title}</h2>
<p>
{$vo.post_excerpt}
</p>
<span>{$vo.create_time|date="Y-m-d",###}</span>
</div>
</a>
</li>
</volist>
</ul>
</div>
</div>
... ... @@ -213,7 +178,7 @@
<!-- 顶部标题 -->
<div class="show_INMain_tit clearfix">
<div class="show_IN1 clearfix">
<img src="../starImg/aicon_52.png" alt="" style="margin-top:3px;width: 28px;">
<img src="__TMPL__/public/assets/starImg/aicon_52.png" alt="" style="margin-top:3px;width: 28px;">
<p>独角<span>日志</span></p>
<h2>Neo Blog</h2>
</div>
... ... @@ -221,44 +186,22 @@
<!-- 内容 -->
<div class="show_INMain_con5">
<ul class="clearfix">
<li>
<a href="dujiao_detail.html">
<div class="show_INMain_con5_1">
<img src="../starImg/aicon_55.png" alt="">
</div>
<div class="show_INMain_con5_2">
<h1>曼谷著名地标,必访的景点</h1>
<p>
门票一个人200泰铢,附一瓶水,人群明显较大皇宫少,为什么?明明就在隔壁。 中文说明,个人觉得,泰国受中国和印度影响很深,建筑风格上,可看出两者的融合,卧佛本身所在寺庙,内部空不是很大,观光客都在取景拍照,而换零钱投钵许愿这事,很有特色内部空不是很大,观光客都在取景拍照。
</p>
<img src="../starImg/aicon_56.png" alt="">
</div>
</a>
</li>
<li>
<div class="show_INMain_con5_1">
<img src="../starImg/aicon_55.png" alt="">
</div>
<div class="show_INMain_con5_2">
<h1>曼谷著名地标,必访的景点</h1>
<p>
门票一个人200泰铢,附一瓶水,人群明显较大皇宫少,为什么?明明就在隔壁。 中文说明,个人觉得,泰国受中国和印度影响很深,建筑风格上,可看出两者的融合,卧佛本身所在寺庙,内部空不是很大,观光客都在取景拍照,而换零钱投钵许愿这事,很有特色内部空不是很大,观光客都在取景拍照。
</p>
<img src="../starImg/aicon_56.png" alt="">
</div>
</li>
<li>
<div class="show_INMain_con5_1">
<img src="../starImg/aicon_55.png" alt="">
</div>
<div class="show_INMain_con5_2">
<h1>曼谷著名地标,必访的景点</h1>
<p>
门票一个人200泰铢,附一瓶水,人群明显较大皇宫少,为什么?明明就在隔壁。 中文说明,个人觉得,泰国受中国和印度影响很深,建筑风格上,可看出两者的融合,卧佛本身所在寺庙,内部空不是很大,观光客都在取景拍照,而换零钱投钵许愿这事,很有特色内部空不是很大,观光客都在取景拍照。
</p>
<img src="../starImg/aicon_56.png" alt="">
</div>
</li>
<volist name="res_djrz" id="vo">
<li>
<a href="dujiao_detail.html">
<div class="show_INMain_con5_1">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
</div>
<div class="show_INMain_con5_2">
<h1>{$vo.post_title}</h1>
<p>
{$vo.post_excerpt}
</p>
<img src="{:cmf_get_image_url($vo.avatar)}" alt="">
</div>
</a>
</li>
</volist>
</ul>
</div>
</div>
... ... @@ -267,7 +210,7 @@
<!-- 顶部标题 -->
<div class="show_INMain_tit clearfix">
<div class="show_IN1 clearfix">
<img src="../starImg/aicon_53.png" alt="" style="margin-top:5px;width:37px;">
<img src="__TMPL__/public/assets/starImg/aicon_53.png" alt="" style="margin-top:5px;width:37px;">
<p>公益<span>未来</span></p>
<h2>Commonweal & Future</h2>
</div>
... ... @@ -275,37 +218,26 @@
<!-- 内容 -->
<div class="show_INMain_con6">
<ul class="clearfix">
<li>
<a href="show_2.html">
<img src="../starImg/aicon_57.png" alt="">
<div class="show_INMain_con6_1">
<h1>春季无限畅游迪士尼</h1>
<p>想和家人朋友在这个缤纷春日及热情夏日随时投入神奇世界,感受无所不在的欢乐,只需带上你的春夏畅游季卡!在满园春色中感受迪士尼元素。</p>
</div>
</a>
</li>
<li>
<a href="show_2.html">
<img src="../starImg/aicon_57.png" alt="">
<div class="show_INMain_con6_1">
<h1>春季无限畅游迪士尼</h1>
<p>想和家人朋友在这个缤纷春日及热情夏日随时投入神奇世界,感受无所不在的欢乐,只需带上你的春夏畅游季卡!在满园春色中感受迪士尼元素。</p>
</div>
</a>
</li>
<volist name="res_tqwl" id="vo">
<li>
<a href="show_2.html">
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
<div class="show_INMain_con6_1">
<h1>{$vo.post_title}</h1>
<p>{$vo.post_excerpt}</p>
</div>
</a>
</li>
</volist>
</ul>
</div>
</div>
</div>
<!-- 底部 -->
<footer></footer>
<script src="../js/jquery-3.2.1.min.js"></script>
<script src="../swiper4/swiper.min.js"></script>
<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>
// 头尾
$('header').load('header.html');
$('footer').load('footer.html');
// 星球画廊swiper
var swiper = new Swiper('.swiper-container', {
slidesPerView: 4,
... ...
... ... @@ -48,10 +48,12 @@
display: none;
position: absolute;
width: 146px;
top: 76px;
top: 70px;
z-index: 1;
}
.home_nav_down2 {
width: 146px;
background: rgba(255, 255, 255, 1);
box-shadow: 0px 4px 16px 0px rgba(35, 35, 35, 0.2);
... ... @@ -100,7 +102,7 @@
border-top: 4px solid rgba(9, 255, 142, 1);
}
#header .home_nav ul li a:hover {
.home_nav .home_nav_act_A:hover {
color: rgba(9, 255, 142, 1);
border-top: 4px solid rgba(9, 255, 142, 1);
}
... ...
... ... @@ -220,6 +220,8 @@ body {
width: 140px;
margin-top: 66px;
float: left;
height:140px;
border-radius:50%
}
.show_INMain_con2 {
... ... @@ -291,11 +293,13 @@ body {
.show_indexImg1 {
width: 400px;
height:400px;
float: left;
}
.show_index_con2Txt2 {
width: 712px;
height:252px;
float: left;
margin-left: 39px;
margin-top: 43px;
... ... @@ -460,6 +464,7 @@ body {
.show_INMain_con4 ul li img {
width: 230px;
height:150px;
float: left;
}
... ... @@ -482,6 +487,17 @@ body {
margin: 10px 0 18px 0;
color: rgba(153, 153, 153, 1);
line-height: 22px;
height:42px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.show_INMain_con5_2 img{
width:44px;
height:44px;
border-radius:50%;
}
.show_INMain_con4_txt span {
... ... @@ -514,12 +530,14 @@ body {
.show_INMain_con5_1 img {
width: 100%;
height:218px;
}
.show_INMain_con5_2 {
width: 305px;
text-align: center;
margin: auto;
height:138px;
}
.show_INMain_con5_2 img {
... ... @@ -556,10 +574,12 @@ body {
.show_INMain_con6 ul li img {
width: 100%;
height:340px;
}
.show_INMain_con6_1 {
width: 490px;
height:78px;
margin: auto;
text-align: center;
}
... ...
// 点击收藏与爱心
$('.collections').click(function() {
if ($(this).children('img').attr('src') == "../starImg/bicon_02.png") {
$(this).children('img').attr('src', "../starImg/bicon_15.png")
} else {
$(this).children('img').attr('src', "../starImg/bicon_02.png")
}
})
$('.likes').click(function() {
if ($(this).children('img').attr('src') == "../starImg/bicon_03.png") {
$(this).children('img').attr('src', "../starImg/bicon_16.png")
} else {
$(this).children('img').attr('src', "../starImg/bicon_03.png")
}
});
// 评论判断长度显示与隐藏
if ($('.show_2_pinL').length < 2) {
$('.show_main_more').hide();
$('.show_main2_show ul').removeClass('show_main2_show_H');
} else {
$('.show_main_more').show();
}
// 点击查看更多,与提示
$('.show_main_more').click(function() {
if ($(this).text() == "查看更多评论") {
$(function(){
// 点击收藏与爱心
$('.collections').click(function() {
if ($(this).children('img').attr('src') == "../starImg/bicon_02.png") {
$(this).children('img').attr('src', "../starImg/bicon_15.png")
} else {
$(this).children('img').attr('src', "../starImg/bicon_02.png")
}
});
$('.likes').click(function() {
if ($(this).children('img').attr('src') == "../starImg/bicon_03.png") {
$(this).children('img').attr('src', "../starImg/bicon_16.png")
} else {
$(this).children('img').attr('src', "../starImg/bicon_03.png")
}
});
// 评论判断长度显示与隐藏
if ($('.show_2_pinL').length < 2) {
$('.show_main_more').hide();
$('.show_main2_show ul').removeClass('show_main2_show_H');
$(this).text('收起');
} else {
$('.show_main2_show ul').addClass('show_main2_show_H');
$(this).text('查看更多评论');
$('.show_main_more').show();
}
})
\ No newline at end of file
// 点击查看更多,与提示
$('.show_main_more').click(function() {
if ($(this).text() == "查看更多评论") {
$('.show_main2_show ul').removeClass('show_main2_show_H');
$(this).text('收起');
} else {
$('.show_main2_show ul').addClass('show_main2_show_H');
$(this).text('查看更多评论');
}
});
});
\ No newline at end of file
... ...
... ... @@ -8,55 +8,38 @@
<section class="home_nav">
<ul>
<li class="home_nav_act">
<a class="home_nav_act" href="index.html">首页</a>
<a class="home_nav_act" href="/">首页</a>
</li>
<li>
<a href="">星球奇境</a>
<!-- 下拉导航 -->
<div class="home_nav_down">
<div class="home_nav_down2">
<img src="__TMPL__/public/assets/starImg/aicon_32.png" alt="">
<dl>
<dd><a href="">地标1</a></dd>
<dd><a href="">地标1</a></dd>
<dd><a href="">地标1</a></dd>
<dd><a href="">地标1</a></dd>
</dl>
<volist name="slide" id="vo">
<li>
<a class="" href="{$vo.url}">{$vo.name}</a>
<div class="home_nav_down">
<div class="home_nav_down2">
<img src="__TMPL__/public/assets/starImg/aicon_32.png" alt="">
<dl>
<volist name="vo.child" id="voo">
<dd><a href="{$voo.url}">{$voo.name}</a></dd>
</volist>
</dl>
</div>
</div>
</div>
</li>
<li><a href="show_index.html">星域秀场</a></li>
<li>
<a href="">星享体验</a>
<!-- 下拉导航 -->
<div class="home_nav_down">
<div class="home_nav_down2">
<img src="__TMPL__/public/assets/starImg/aicon_32.png" alt="">
<dl>
<dd><a href="">亲临现场</a></dd>
<dd><a href="">市井漫游</a></dd>
<dd><a href="">视听盛宴</a></dd>
<dd><a href="">户外天堂</a></dd>
</dl>
</div>
</div>
</li>
<li>
<a href="">星探推荐</a>
<!-- 下拉导航 -->
<div class="home_nav_down">
<div class="home_nav_down2">
<img src="__TMPL__/public/assets/starImg/aicon_32.png" alt="">
<dl>
<dd><a href="">旅行路线</a></dd>
<dd><a href="">地道风物</a></dd>
<dd><a href="">创意设计</a></dd>
<dd><a href="">悦己悦人</a></dd>
</dl>
</div>
</div>
</li>
<li> <a href="">星际活动</a></li>
</li>
</volist>
<!--<li>-->
<!--<a href="">星球奇境</a>-->
<!--&lt;!&ndash; 下拉导航 &ndash;&gt;-->
<!--<div class="home_nav_down">-->
<!--<div class="home_nav_down2">-->
<!--<img src="__TMPL__/public/assets/starImg/aicon_32.png" alt="">-->
<!--<dl>-->
<!--<dd><a href="">地标1</a></dd>-->
<!--<dd><a href="">地标1</a></dd>-->
<!--<dd><a href="">地标1</a></dd>-->
<!--<dd><a href="">地标1</a></dd>-->
<!--</dl>-->
<!--</div>-->
<!--</div>-->
<!--</li>-->
</ul>
</section>
<!-- 搜索框 -->
... ...
... ... @@ -28,6 +28,7 @@ class HomeBaseController extends BaseController
//获取登录信息
$this->getUserLoginInfo();
$this->getFooter();
$this->getHeader();
}
protected function _initializeView()
... ... @@ -303,4 +304,28 @@ hello;
return $res;
}
//获取导航栏相关内容
public function getHeader(){
$parent = Db::name('portal_category')
->whereIn('id',[1,2,3,4,5])
->field('id,name,description url')
->select()
->toArray();
$child = Db::name('portal_category')
->where('parent_id','<>',0)
->field('id,parent_id,name,description url')
->select()
->toArray();
$arr = [];
foreach($parent as &$p_value){
foreach($child as $c_key=>$c_value){
if($p_value['id'] == $c_value['parent_id']){
$p_value['child'][] = $c_value;
}
}
array_push($arr,$p_value);
}
$this->assign('slide',$arr);
}
}
\ No newline at end of file
... ...