|
|
@@ -16,12 +16,53 @@
|
|
|
me.parent().removeClass("thumbnail-news");
|
|
|
}
|
|
|
});
|
|
|
+ /*var title = $('.news-detail h3>a');
|
|
|
+ var titleDetail = title.text().slice(0,52)+'...';
|
|
|
+ if (title.text().length>52){
|
|
|
+ title.text(titleDetail);
|
|
|
+ }else{
|
|
|
+ title.text();
|
|
|
+ }
|
|
|
+ var content = $('.news-detail p');
|
|
|
+ var contentDetail = content.text().slice(0,100)+'...';
|
|
|
+ content.text(contentDetail);*/
|
|
|
+
|
|
|
});
|
|
|
</#macro>
|
|
|
<#macro css>
|
|
|
</#macro>
|
|
|
<@layout>
|
|
|
<style>
|
|
|
+ #banner {
|
|
|
+ background: url("${CTPATH}/images/question/banner1.jpg") no-repeat;
|
|
|
+ padding: 88px 0;
|
|
|
+ color: #fff;
|
|
|
+ background-size:100% 100%;
|
|
|
+ margin-top: -1px;
|
|
|
+ }
|
|
|
+ .banner .container{
|
|
|
+ text-align: center;
|
|
|
+ width: 1190px;
|
|
|
+ margin: 0 auto;
|
|
|
+ }
|
|
|
+ .banner h3 {
|
|
|
+ font-size: 60px;
|
|
|
+ color: #fff;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ .banner .news {
|
|
|
+ width: 250px;
|
|
|
+ height: 50px;
|
|
|
+ font-size: 18px;
|
|
|
+ color: #fff;
|
|
|
+ font-weight: normal;
|
|
|
+ line-height: 50px;
|
|
|
+ border: 1px solid #fff;
|
|
|
+ text-align: center;
|
|
|
+ margin: auto;
|
|
|
+ margin-top: 40px;
|
|
|
+ }
|
|
|
+
|
|
|
.section-item{
|
|
|
width: 1190px;
|
|
|
}
|
|
|
@@ -51,7 +92,8 @@
|
|
|
}
|
|
|
|
|
|
.thumbnail-width img {
|
|
|
- max-width: 160px;
|
|
|
+ max-width: 200px;
|
|
|
+ max-height: 170px;
|
|
|
}
|
|
|
|
|
|
.thumbnail-height {
|
|
|
@@ -61,7 +103,7 @@
|
|
|
}
|
|
|
|
|
|
.thumbnail-height img {
|
|
|
- max-height: 100px;
|
|
|
+ max-height: 170px;
|
|
|
}
|
|
|
|
|
|
.thumbnail-news {
|
|
|
@@ -70,62 +112,272 @@
|
|
|
opacity: 0;
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
+ .breadcrumb-ol ul{
|
|
|
+ list-style: none;
|
|
|
+ }
|
|
|
+ .breadcrumb-ol li{
|
|
|
+ color: #1e1e1e;
|
|
|
+ height: 68px;
|
|
|
+ line-height: 68px;
|
|
|
+ }
|
|
|
+ .breadcrumb-ol li a{
|
|
|
+ color: #1e1e1e;
|
|
|
+ }
|
|
|
+
|
|
|
+ /*公司动态行业新闻*/
|
|
|
+ .hots_news{
|
|
|
+ float: left;
|
|
|
+ margin-top: -30px;
|
|
|
+ width: 300px;
|
|
|
+ }
|
|
|
+ .allNews{
|
|
|
+ width: 790px;
|
|
|
+ float: left;
|
|
|
+ margin-left: 100px;
|
|
|
+ margin-top: -18px;
|
|
|
+ }
|
|
|
+ .allNews .tradeNews .news-time {
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ p.years{
|
|
|
+ font-size: 36px;
|
|
|
+ color: #626262;
|
|
|
+ font-weight: bold;
|
|
|
+ margin: 80px 0 22px 0;
|
|
|
+ }
|
|
|
+ .tradeNews{
|
|
|
+ overflow: hidden;
|
|
|
+ margin-top: 50px;
|
|
|
+ }
|
|
|
+ .allNews .newsNav{
|
|
|
+ height: 35px;
|
|
|
+ width: 790px;
|
|
|
+ margin-top: -10px;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ .allNews .newsNav .news-item{
|
|
|
+ width: 210px;
|
|
|
+ position: relative;
|
|
|
+ float: left;
|
|
|
+ }
|
|
|
+ .allNews div.news-item em{
|
|
|
+ display: inline-block;
|
|
|
+ width: 6px;
|
|
|
+ height: 30px;
|
|
|
+ font-style: normal;
|
|
|
+ background: #dcdcdc;
|
|
|
+ }
|
|
|
+ .allNews div.active em{
|
|
|
+ background: #408eff;
|
|
|
+ }
|
|
|
+ .allNews div.news-item span{
|
|
|
+ margin-left: 20px;
|
|
|
+ font-size: 24px;
|
|
|
+ font-style: normal;
|
|
|
+ color: #787878;
|
|
|
+ position: absolute;
|
|
|
+ top: -2px;
|
|
|
+ left: 6px;
|
|
|
+ }
|
|
|
+ .allNews div.active span{
|
|
|
+ color: #1e1e1e;
|
|
|
+ }
|
|
|
+ .allNews .news-time{
|
|
|
+ float: left;
|
|
|
+ width: 90px;
|
|
|
+ height: 100px;
|
|
|
+ background: #626262;
|
|
|
+ }
|
|
|
+ .allNews .news-time>div{
|
|
|
+ position: absolute;
|
|
|
+ top: 15px;
|
|
|
+ left: 25px;
|
|
|
+ color: #fff;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ .allNews .news-time h3{
|
|
|
+ font-size: 30px;
|
|
|
+ }
|
|
|
+ .allNews .news-time h4{
|
|
|
+ font-size: 20px;
|
|
|
+ margin-top: 10px;
|
|
|
+ }
|
|
|
+ .allNews .thumbnail-img{
|
|
|
+ float: left;
|
|
|
+ margin-right: 40px;
|
|
|
+ line-height: 23px;
|
|
|
+ width: 200px;
|
|
|
+ height: 170px;
|
|
|
+ }
|
|
|
+ .allNews .news-detail{
|
|
|
+ width: 460px;
|
|
|
+ float: left;
|
|
|
+ }
|
|
|
+ .allNews .news-detail h3{
|
|
|
+ width: 460px;
|
|
|
+ overflow: hidden;
|
|
|
+ line-height: 23px;
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #323232;
|
|
|
+
|
|
|
+ word-break: break-all;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ display: -webkit-box;
|
|
|
+ -moz-box-orient: vertical;
|
|
|
+ -moz-line-clamp: 2;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ -webkit-line-clamp: 2;
|
|
|
+ -o-box-orient: vertical;
|
|
|
+ -o-line-clamp: 2;
|
|
|
+ }
|
|
|
+ .allNews .news-detail h3 a{
|
|
|
+ color: #323232;
|
|
|
+ }
|
|
|
+ .allNews .news-detail p{
|
|
|
+ width: 460px;
|
|
|
+ overflow: hidden;
|
|
|
+ line-height: 23px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #787878;
|
|
|
+ margin: 20px 0 20px 0;
|
|
|
+ word-break: break-all;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ display: -webkit-box;
|
|
|
+ -moz-box-orient: vertical;
|
|
|
+ -moz-line-clamp: 3;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ -webkit-line-clamp: 3;
|
|
|
+ -o-box-orient: vertical;
|
|
|
+ -o-line-clamp: 3;
|
|
|
+ }
|
|
|
+ .tradeNews:hover{
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ .tradeNews:hover .news-time{
|
|
|
+ background: #408eff;
|
|
|
+ }
|
|
|
+ .tradeNews:hover .news-detail h3 a{
|
|
|
+ color: #2867c2;
|
|
|
+ }
|
|
|
</style>
|
|
|
+<section id="banner" class="banner">
|
|
|
+ <div class="container">
|
|
|
+ <h3>新闻中心</h3>
|
|
|
+ <div class="news">NEWS INFORMATION</div>
|
|
|
+ </div>
|
|
|
+</section>
|
|
|
<section id="main">
|
|
|
<div class="container" style="background: #fff;">
|
|
|
<div class="section-item">
|
|
|
<ol class="breadcrumb-ol" disabled="breadcrumb">
|
|
|
+ <li>当前位置:</li>
|
|
|
<li><a href="${CPATH}/">首页</a></li> >
|
|
|
+ <li><a href="about">关于我们</a></li> >
|
|
|
<li>新闻中心</li>
|
|
|
</ol>
|
|
|
- <h3>新闻中心</h3>
|
|
|
+ <!--<h3>新闻中心</h3>-->
|
|
|
<div class="content" style="padding: 15px 0 50px;">
|
|
|
- <div class="row">
|
|
|
- <div class="col-md-3">
|
|
|
- <#include "_hot_news.html"/>
|
|
|
- </div>
|
|
|
- <@jp.contentPage>
|
|
|
- <div class="col-md-9">
|
|
|
- <h4><span class="label label-primary">新</span> 新闻资讯</h4>
|
|
|
- <hr />
|
|
|
- <div class="news">
|
|
|
- <#list page.getList() as content>
|
|
|
- <div class="new">
|
|
|
- <div style="width: 120px;">
|
|
|
- <div class="thumbnail-news">
|
|
|
- <img class="content-thumbnail" src="${content.thumbnail!(CTPATH+'/images/artitle_img_no.jpg')}" alt="新闻缩略图"/>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <h5><a href="${content.url!}">${content.title!}</a></h5>
|
|
|
- <p>${content.summary!}</p>
|
|
|
- <div class="text-muted">
|
|
|
- <span class="pull-left">${(content.created?string("yyyy-MM-dd HH:mm"))!''} </span>
|
|
|
- <span class="pull-right text-num">
|
|
|
- <i class="fa fa-eye" style="margin-left: 15px;"></i> ${content.view_count!'0'}
|
|
|
- <!-- <i class="fa fa-thumbs-o-up" style="margin-left: 15px;"></i> ${content.vote_up!'0'}
|
|
|
- <i class="fa fa-commenting-o" style="margin-left: 15px;"></i> ${content.comment_count!'0'} -->
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div class="hots_news">
|
|
|
+ <#include "_hot_news.html"/>
|
|
|
+ </div>
|
|
|
+ <div class="allNews">
|
|
|
+ <div class="newsNav">
|
|
|
+ <@jp.taxonomys module="news" orderBy="title asc">
|
|
|
+ <#list taxonomys as taxonomy>
|
|
|
+ <#if taxonomy.title == "公司动态">
|
|
|
+ <div class="news-item <#if ((REQUEST.requestURI?contains(taxonomy.slug)) == (taxonomy.url?contains(taxonomy.slug)))>active</#if>"><em></em><span><a href="${taxonomy.url!}">公司动态</a></span></div>
|
|
|
+ </#if>
|
|
|
+ <#if taxonomy.title == "行业新闻">
|
|
|
+ <div class="news-item <#if ((REQUEST.requestURI?contains(taxonomy.slug)) == (taxonomy.url?contains(taxonomy.slug)))>active</#if>"><em></em><span><a href="${taxonomy.url!}">行业新闻</a></span></div>
|
|
|
+ </#if>
|
|
|
+ </#list>
|
|
|
+ </@jp.taxonomys>
|
|
|
+ </div>
|
|
|
+ <@jp.contentPage pageSize="6" orderBy="created desc">
|
|
|
+ <!--行业新闻-->
|
|
|
+ <div class="trade-news">
|
|
|
+ <#list page.getList() as content>
|
|
|
+ <div class="tradeNews">
|
|
|
+ <div class="news-time">
|
|
|
+ <div>
|
|
|
+ <h3>${(content.created?string("MM"))!''}</h3>
|
|
|
+ <h4>
|
|
|
+ <#if content.created?string("MM") ??>
|
|
|
+ <#switch content.created?string("MM")>
|
|
|
+ <#case "01">
|
|
|
+ Jan
|
|
|
+ <#break>
|
|
|
+ <#case "02">
|
|
|
+ Feb
|
|
|
+ <#break>
|
|
|
+ <#case "03">
|
|
|
+ Mar
|
|
|
+ <#break>
|
|
|
+ <#case "04">
|
|
|
+ Apr
|
|
|
+ <#break>
|
|
|
+ <#case "05">
|
|
|
+ May
|
|
|
+ <#break>
|
|
|
+ <#case "06">
|
|
|
+ June
|
|
|
+ <#break>
|
|
|
+ <#case "07">
|
|
|
+ July
|
|
|
+ <#break>
|
|
|
+ <#case "08">
|
|
|
+ Aug
|
|
|
+ <#break>
|
|
|
+ <#case "09">
|
|
|
+ Sept
|
|
|
+ <#break>
|
|
|
+ <#case "10">
|
|
|
+ Oct
|
|
|
+ <#break>
|
|
|
+ <#case "11">
|
|
|
+ Nov
|
|
|
+ <#break>
|
|
|
+ <#case "12">
|
|
|
+ Dec
|
|
|
+ <#break>
|
|
|
+ </#switch>
|
|
|
+ </#if>
|
|
|
+ </h4>
|
|
|
</div>
|
|
|
- </#list>
|
|
|
- </div>
|
|
|
- <div style="padding: 15px;">
|
|
|
- <span class="pull-left" style="line-height: 30px;">共 <span class="text-mun">${page.totalRow!'0'}</span> 条</span>
|
|
|
- <div class="btn-group btn-group-sm pull-right" style="display: inline-block;">
|
|
|
- <a type="button" <#if page.isFirstPage()> disabled="disabled"</#if> class="btn btn-default" href="${CPATH}/news"><i class="fa fa-angle-double-left"></i> 首页</a>
|
|
|
- <a type="button" <#if page.isFirstPage()> disabled="disabled"</#if> class="btn btn-default" href="${CPATH}/news-${page.pageNumber - 1}">< 上一页</a>
|
|
|
- <a type="button" disabled="disabled" class="btn btn-default">第 <span class="text-mun">${page.pageNumber!'0'}</span> 页</a>
|
|
|
- <a type="button" <#if page.isLastPage()> disabled="disabled"</#if> class="btn btn-default" href="${CPATH}/news-${page.pageNumber + 1}">下一页 ></a>
|
|
|
- <a type="button" <#if page.isLastPage()> disabled="disabled"</#if> class="btn btn-default" href="${CPATH}/news-${page.totalPage!'0'}">尾页 <i class="fa fa-angle-double-right"></i></a>
|
|
|
+ </div>
|
|
|
+ <div class="thumbnail-img">
|
|
|
+ <img class="content-thumbnail" src="${content.thumbnail!(CTPATH+'/images/artitle_img_no.jpg')}" alt="">
|
|
|
+ </div>
|
|
|
+ <div class="news-detail">
|
|
|
+ <h3><a href="${content.url!}">${content.title!}</a></h3>
|
|
|
+ <p>${content.summary!}</p>
|
|
|
+ <span class="pull-left text-num"><img src="${CTPATH}/images/question/read.png" style="padding-right: 10px;"/>${content.view_count!'0'}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
+
|
|
|
+ <#if content_has_next>
|
|
|
+ <#if contents[content_index+1].created?string("yy") != content.created?string("yy")>
|
|
|
+ <!--年份分割线-->
|
|
|
+ <p class="years">${contents[content_index+1].created?string("yy")}年</p>
|
|
|
+ </#if>
|
|
|
+ </#if>
|
|
|
+ </#list>
|
|
|
+ <div style="padding: 15px;margin: 30px 0 70px 0;">
|
|
|
+ <span class="pull-left" style="line-height: 30px;">共 <span class="text-mun">${page.totalRow!'0'}</span> 条</span>
|
|
|
+ <div class="btn-group btn-group-sm pull-right" style="display: inline-block;">
|
|
|
+ <a type="button" <#if page.isFirstPage()> disabled="disabled"</#if> class="btn btn-default" href="${CPATH}/news-${taxonomy.slug!}"><i class="fa fa-angle-double-left"></i> 首页</a>
|
|
|
+ <a type="button" <#if page.isFirstPage()> disabled="disabled"</#if> class="btn btn-default" href="${CPATH}/news-${taxonomy.slug!}-${page.pageNumber - 1}">< 上一页</a>
|
|
|
+ <a type="button" disabled="disabled" class="btn btn-default">第 <span class="text-mun">${page.pageNumber!'0'}</span> 页</a>
|
|
|
+ <a type="button" <#if page.isLastPage()> disabled="disabled"</#if> class="btn btn-default" href="${CPATH}/news-${taxonomy.slug!}-${page.pageNumber + 1}">下一页 ></a>
|
|
|
+ <a type="button" <#if page.isLastPage()> disabled="disabled"</#if> class="btn btn-default" href="${CPATH}/news-${taxonomy.slug!}-${page.totalPage!'0'}">尾页 <i class="fa fa-angle-double-right"></i></a>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </@jp.contentPage >
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ </@jp.contentPage>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ </div>
|
|
|
</section>
|
|
|
</@layout>
|
huangct