新闻详情页

jpress-web-template-usoftchina/src/main/webapp/templates/usoftchina/assets/css/main.css

@@ -471,9 +471,7 @@ footer .txt2{
 	margin-top: 10px;
 }
 .hot-news {
-	/*padding: 0 10px;*/
-}
-.hot-news ol {
+	padding: 0 10px;
 }
 .hot-news li h5{
 	margin-bottom: 0;

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

@@ -74,36 +74,131 @@
 .content .content-toggle p a:hover{
 	cursor: pointer;
 	color: #3e3e3e;
+}
+	/*导航*/
+.breadcrumb-ol li{
+	color: #1e1e1e;
+	height: 68px;
+	line-height: 68px;
+}
+.breadcrumb-ol li a{
+	color: #1e1e1e;
+}
+/*公司动态行业新闻*/
+.hots_news{
+	float: left;
+	margin-top: -30px;
+}
+.allNews{
+	width: 790px;
+	float: left;
+	margin-left: 60px;
+	margin-top: -18px;
+}
+.allNews .newsNav{
+	width: 790px;
+	height: 35px;
+	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 .trade-news h3{
+	font-size: 24px;
+	font-weight: bold;
+	color: #323232;
+	text-align:left;
+	margin: 20px 0;
+}
+.allNews .trade-news p{
+	font-size: 14px;
+	color: #626262;
+	text-indent: 2em;
+	margin: 32px 0;
+}
+.allNews .trade-news h5{
+	font-size: 16px;
+	color: #323232;
+	text-align: left;
+	margin: 32px 0;
 }
 </style>
 <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>&nbsp;>&nbsp;
-				<li><a href="${CPATH}/news">新闻中心</a></li>&nbsp;>&nbsp;
-				<li>${content.title!}</li>
+				<li><a href="">关于我们</a></li>&nbsp;>&nbsp;
+				<li>新闻中心</li>
 			</ol>
-			<h3>新闻中心</h3>
 			<div class="content" style="padding: 15px 0 50px;">
 				<div class="row">
-					<div class="col-md-3">
+					<div class="hots_news">
 						<#include "_hot_news.html"/>
 					</div>
-					<div class="col-md-9">
-						<h3>${content.title!}</h3>
-						<p>
-							<span class="text-muted">时间 ${(content.created?string("yyyy-MM-dd HH:mm:ss"))!''}</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>
-						</p>
-						<hr>
-						<div class="news-text">
-							${content.text!}
+					<div class="allNews">
+						<div class="newsNav">
+							<div class="news-item"><em></em><span>公司动态</span></div>
+							<div class="news-item active"><em></em><span>行业新闻</span></div>
 						</div>
+						<!--公司动态-->
+						<div class="company-dynamic"></div>
+						<!--行业新闻-->
+						<div class="trade-news">
+							<h3>从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低</h3>
+							<div class="info">
+								<span class="text-num"><img src="${CTPATH}/images/question/read.png" style="margin-left: 15px;"/> ${content.view_count!'0'}</span>
+								<span class="pull-left text-num">${(content.created?string("yyyy-MM-dd"))!''}</span>
+							</div>
+							<p>
+								从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低
+							</p>
+							<h5>是什么？</h5>
+							<img src="${CTPATH}/images/question/read.png" alt="">
+							<p>
+								从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低从电报到5G从甚低
+							</p>
+						</div>
+					<!--<div class="col-md-9">-->
+						<!--<h3>${content.title!}</h3>-->
+						<!--<p>-->
+							<!--<span class="text-muted">时间 ${(content.created?string("yyyy-MM-dd HH:mm:ss"))!''}</span>-->
+							<!--<span class="pull-right text-num">-->
+								<!--<i class="fa fa-eye" style="margin-left: 15px;"></i> ${content.view_count!'0'}-->
+								<!--&lt;!&ndash; <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'} &ndash;&gt;-->
+							<!--</span>-->
+						<!--</p>-->
+						<!--<hr>-->
+						<!--<div class="news-text">-->
+							<!--${content.text!}-->
+						<!--</div>-->
 						<div class="content-toggle">
 							<p class="p-toggle">
 								<@jp.previous>
@@ -116,7 +211,7 @@
 								</@jp.next>
 							</p>
 						</div>
-					</div>
+					<!--</div>-->
 				</div>
 			</div>
 		</div>

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

@@ -115,6 +115,7 @@ $(document).ready(function() {
 		margin-top: -30px;
 	}
 	.allNews{
+		width: 790px;
 		float: left;
 		margin-left: 100px;
 		margin-top: -18px;
@@ -133,6 +134,7 @@ $(document).ready(function() {
 		margin-top: 50px;
 	}
 	.allNews .newsNav{
+		height: 35px;
 		width: 790px;
 		margin-top: -10px;
 		cursor: pointer;