新闻页面的标题和新闻详情加入超过固定行用省略号表示

jpress-web-template-usoftchina/src/main/webapp/templates/usoftchina/taxonomy_news.html

@@ -16,6 +16,12 @@ $(document).ready(function() {
 			me.parent().removeClass("thumbnail-news");
 		}
 	});
+	var title = $('.news-detail h3');
+	var titleDetail = title.text().slice(0,52)+'...';
+	title.text(titleDetail);
+	var content = $('.news-detail p');
+	var contentDetail = content.text().slice(0,108)+'...';
+	content.text(contentDetail);
 });
 </#macro>
 <#macro css>
@@ -199,28 +205,22 @@ $(document).ready(function() {
 	}
 	.allNews .news-detail h3{
 		width: 460px;
-		height: 45px;
 		overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: pre-line;
         line-height: 23px;
 		font-size: 18px;
 		font-weight: bold;
 		color: #323232;
 	}
-    .allNews .news-detail p{
+	.allNews .news-detail h3 a{
+		color: #323232;
+	}
+	.allNews .news-detail p{
         width: 460px;
-        height: 45px;
         overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: pre-line;
         line-height: 23px;
         font-size: 14px;
         color: #787878;
         margin: 20px 0 30px 0;
-    }
-    .allNews .news-detail .text-num{
-        margin-left: -13px;
     }
 	.tradeNews:hover{
 		cursor: pointer;
@@ -228,34 +228,9 @@ $(document).ready(function() {
 	.tradeNews:hover .news-time{
 		background: #408eff;
 	}
-	.tradeNews:hover .news-detail h3{
+	.tradeNews:hover .news-detail h3 a{
 		color: #2867c2;
 	}
-	/*分页*/
-	.page{
-		margin-top: 48px;
-		float:right;
-	}
-	.page ul{
-		display: inline-block;
-	}
-	.page ul li{
-		width: 35px;
-		height: 35px;
-		text-align: center;
-		line-height: 35px;
-		border: 1px solid #d2d2d2;
-		margin-right: 15px;
-		border-radius: 3px;
-		float: left;
-		list-style: none;
-	}
-	.page ul li.omit{
-		border: none;
-	}
-	.page ul li a{
-		color: #000;
-	}
 </style>
 <section id="banner" class="banner">
 	<div class="container">
@@ -353,7 +328,7 @@ $(document).ready(function() {
 									<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="margin-left: 15px;"/>${content.view_count!'0'}</span>
+										<span class="pull-left text-num"><img src="${CTPATH}/images/question/read.png" style="padding-right: 10px;"/>${content.view_count!'0'}</span>
 									</div>
 								</div>
 
@@ -367,17 +342,16 @@ $(document).ready(function() {
 
 						</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-${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}">&lt; 上一页</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}">下一页 &gt;</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>
-
+					<!--<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-${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}">&lt; 上一页</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}">下一页 &gt;</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>
 					<!--<@jp.contentPage>-->