Browse Source

首页改版

Michael_9527 8 years ago
parent
commit
2d934f2808
1 changed files with 174 additions and 157 deletions
  1. 174 157
      src/main/webapp/WEB-INF/views/portal/index.html

+ 174 - 157
src/main/webapp/WEB-INF/views/portal/index.html

@@ -44,183 +44,200 @@
 			</ul>
 		</div>
 	</div>
-	<div id="active">
-		<div class="coupon rf">
-			<div class="yujiazai"></div>
-			<div class="yujiazai"></div>
-			<div class="yujiazai"></div>
-			<div class="yujiazai"></div>
-			<div class="coupon_cont lf"  onclick="_MEIQIA('showPanel')">
-					<h2>注册即送代金券1000元</h2>
-					<p>立即领取</p>
+	<div id="index_fruit">
+			<div class="fruit_h3">
+				<h3>精品成果</h3>
+				<a th:href="${basePath + '/portal/technologyTrading/achievement.html'}">MORE+</a>
 			</div>
-			<div class="coupon_cont lf"  onclick="_MEIQIA('showPanel')">
-					<h2>做高新,送软著</h2>
-					<p>立即领取</p>
-			</div>
-			<div class="coupon_cont lf" onclick="_MEIQIA('showPanel')">
-					<h2>买专利,享九折</h2>
-					<p>立即领取</p>
-			</div>
-			<div class="coupon_cont lf"  onclick="_MEIQIA('showPanel')">
-					<h2>百元做软著</h2>
-					<p>立即领取</p>
-			</div>
-		</div>
-		<div class="title">
-			<p>强势放价</p>
-		</div>      
-		<div class="line"></div>
-	</div>
-	<div id="product">
-		<div class="caption">
-			精品成果<a th:href="${basePath + '/portal/technologyTrading/achievement.html'}">MORE+</a>
-		</div>
-		<div class="content">
-			<div class="con_hover">
-				<a href="#"> <img th:src="${portalHost + '/img/search_txt.png'}"
-					alt="" />
-					<p>详情</p>
-				</a>
-			</div>			
-			<div class="cont cont_top1" th:if="${#lists.size(achievementList) ge 1}">
-				<a th:href="@{/portal/technologyTrading/achievementDetail(id=${achievementList[0].productId},type=${achievementList[0].ownerType})}">
-					<div class="img">
-						<img th:src="${portalHost+'/img/index_one.png'}" alt="" /> 
+			<div class="fruit_cont">
+				<div>
+					<div class="fruit_content" th:if="${#lists.size(achievementList) ge 1}">
 						<img th:src="${avatarUploadHost+achievementList[0].coverImg}" alt="" />
+						<div class="cont_p">
+							<h5 th:text="${achievementList[0].name}"></h5>
+							<p th:text="${achievementList[0].summary}"></p>
+						</div>
+						<div class="cont_img">
+							<a th:href="@{/portal/technologyTrading/achievementDetail(id=${achievementList[0].productId},type=${achievementList[0].ownerType})}">
+								<img th:src="${portalHost + '/img/index_er2.jpg'}"/>
+							</a>
+						</div>
 					</div>
-					<div class="text">
-						<h2 th:text="${achievementList[0].name}"></h2>
-						<p th:text="${achievementList[0].summary}"></p>
-					</div>
-				</a>
-			</div>
-			<div class="cont cont_bottom1" th:if="${#lists.size(achievementList) ge 2}">
-				<a th:href="@{/portal/technologyTrading/achievementDetail(id=${achievementList[1].productId},type=${achievementList[1].ownerType})}">
-					<div class="img">
-						<img th:src="${portalHost+'/img/index_two.png'}" alt="" /> 
-						<img th:src="${avatarUploadHost+achievementList[1].coverImg}" alt="" />
-					</div>
-					<div class="text">
-						<h2 th:text="${achievementList[1].name}"></h2>
-						<p th:text="${achievementList[1].summary}"></p>
+				</div>
+				<div>
+					<div class="fruit_content" th:if="${#lists.size(achievementList) ge 2}">
+						<img th:src="${avatarUploadHost+achievementList[1].coverImg}" alt=""/>
+						<div class="cont_p">
+							<h5 th:text="${achievementList[1].name}"></h5>
+							<p th:text="${achievementList[1].summary}"></p>
+						</div>
+						<div class="cont_img">
+							<a th:href="@{/portal/technologyTrading/achievementDetail(id=${achievementList[1].productId},type=${achievementList[1].ownerType})}">
+								<img th:src="${portalHost + '/img/index_er2.jpg'}"/>
+							</a>
+						</div>
 					</div>
-				</a>
-			</div>
-			<div class="cont cont_top2" th:if="${#lists.size(achievementList) ge 3}">
-				<a th:href="@{/portal/technologyTrading/achievementDetail(id=${achievementList[2].productId},type=${achievementList[2].ownerType})}">
-					<div class="img">
-						<img th:src="${portalHost+'/img/index_three.png'}" alt="" /> 
-						<img th:src="${avatarUploadHost+achievementList[2].coverImg}" alt="" />
+				</div>
+				<div>
+					<div class="fruit_content" th:if="${#lists.size(achievementList) ge 3}">
+						<img th:src="${avatarUploadHost+achievementList[2].coverImg}" alt=""/>
+						<div class="cont_p">
+							<h5 th:text="${achievementList[2].name}"></h5>
+							<p th:text="${achievementList[2].summary}"></p>
+						</div>
+						<div class="cont_img">
+							<a th:href="@{/portal/technologyTrading/achievementDetail(id=${achievementList[2].productId},type=${achievementList[2].ownerType})}">
+								<img th:src="${portalHost + '/img/index_er2.jpg'}"/>
+							</a>
+						</div>
 					</div>
-					<div class="text">
-						<h2 th:text="${achievementList[2].name}"></h2>
-						<p th:text="${achievementList[2].summary}"></p>
+				</div>
+				<div>
+					<div class="fruit_content" th:if="${#lists.size(achievementList) ge 4}">
+						<img th:src="${avatarUploadHost+achievementList[3].coverImg}" alt=""/>
+						<div class="cont_p">
+							<h5 th:text="${achievementList[3].name}"></h5>
+							<p th:text="${achievementList[3].summary}"></p>
+						</div>
+						<div class="cont_img">
+							<a th:href="@{/portal/technologyTrading/achievementDetail(id=${achievementList[3].productId},type=${achievementList[3].ownerType})}">
+								<img th:src="${portalHost + '/img/index_er2.jpg'}"/>
+							</a>
+						</div>
 					</div>
-				</a>
+				</div>
+				
 			</div>
-			<div class="cont cont_bottom2" th:if="${#lists.size(achievementList) ge 4}">
-				<a th:href="@{/portal/technologyTrading/achievementDetail(id=${achievementList[3].productId},type=${achievementList[3].ownerType})}">
-					<div class="img">
-						<img th:src="${portalHost+'/img/index_four.png'}" alt="" /> 
-						<img th:src="${avatarUploadHost+achievementList[3].coverImg}" alt="" />
-					</div>
-					<div class="text">
-						<h2 th:text="${achievementList[3].name}"></h2>
-						<p th:text="${achievementList[3].summary}"></p>
-					</div>
-				</a>
+		</div>
+		
+		<div id="index_demand">
+			<div class="fruit_h3">
+				<h3>精品需求</h3>
+				<a th:href="${basePath + '/portal/technologyTrading/demand.html'}">MORE+</a>
 			</div>
-			<div class="cont cont_top3" th:if="${#lists.size(achievementList) ge 5}">
-				<a th:href="@{/portal/technologyTrading/achievementDetail(id=${achievementList[4].productId},type=${achievementList[4].ownerType})}">
-					<div class="img">
-						<img th:src="${portalHost+'/img/index_five.png'}" alt="" /> 
-						<img th:src="${avatarUploadHost+achievementList[4].coverImg}" alt="" />
-					</div>
-					<div class="text">
-						<h2 th:text="${achievementList[4].name}"></h2>
-						<p th:text="${achievementList[4].summary}"></p>
-					</div>
-				</a>
+			<div class="demand_cont">				
+				<div th:each="item:${demandList}">
+					<a th:href="@{/portal/technologyTrading/demandDetail(id=${item.productId},type=${item.ownerType})}">
+					<div>
+						<div class="demand_img">
+							<img th:src="${avatarUploadHost + item.coverImg}" alt=""  />
+							<div>
+								<h5 th:text="${item.name}"></h5>
+								<p><span><img th:src="${portalHost + '/img/index_er4.png'}"/></span>长沙</p>
+							</div>
+						</div>
+						<p class="demand_p" th:text="${item.problem_des}"></p>
+					</div>	
+					</a>
+				</div>										
 			</div>
 		</div>
-	</div>
-	<div id="policy">
-		<div class="captions">
-			智&nbsp;&nbsp;&nbsp;&nbsp;政  
-			<a th:href="${basePath + '/portal/thinkTank/policyList.html'}">MORE+</a>
-		</div>
-		<div class="pol_cont">
-			<div class="pol_left" th:if="${#lists.size(jtdt) ge 1}">
-				<img th:src="${portalHost+'/img/policy.jpg'}" alt="" />
-				<div class="pol_left_cont">
-					<h3 th:text="${jtdt[0].title}"></h3>
-					<p th:text="${jtdt[0].summary}"></p>
-					<div class="pol_bottom">
-						<div class="more rf">
-							<a th:href="@{/portal/news/newsDetail(id=${jtdt[0].id})}">MORE+</a>
-						</div>
-						<div class="data" th:text=${jtdt[0].createTimeFormattedDate}></div>
-					</div>
-				</div>
+	<div id="index_policy">
+			<div class="fruit_h3">
+				<a th:href="${basePath + '/portal/thinkTank/policyList.html'}"><span>+</span> 更多政策</a>
+				<h3>智&nbsp;&nbsp;政</h3>
 			</div>
-			<div class="pol_right" th:if="${#lists.size(jtdt) ge 2}">
-				<div class="pol_right_big">
-					<h3 th:text="${jtdt[1].title}"></h3>
-					<p th:text="${jtdt[1].summary}"></p>
-					<div class="pol_bottom">
-						<div class="more rf">
-							<a th:href="@{/portal/news/newsDetail(id=${jtdt[1].id})}">MORE+</a>
-						</div>
-						<div class="data" th:text=${jtdt[1].createTimeFormattedDate}></div>
-					</div>
+			<div class="policy_cont">
+				<div class="policy_img">
+					<img th:src="${portalHost+'/img/index_er3.jpg'}" alt=""  />
 				</div>
-				<div class="pol_right_sm" th:if="${#lists.size(jtdt) ge 3}">
-					<h3 th:text="${jtdt[2].title}"></h3>
-					<p th:text="${jtdt[2].summary}"></p>
-					<div class="pol_bottom">
-						<div class="more rf">
-							<a th:href="@{/portal/news/newsDetail(id=${jtdt[2].id})}">MORE+</a>
+				<div class="policy_p">
+					<a th:if="${#lists.size(jtdt) ge 1}" th:href="@{/portal/news/newsDetail(id=${jtdt[0].id})}" >
+						<div >
+							<div class="policy_date">
+							<h4 th:text=${jtdt[0].createTimeFormattedDate_md}></h4>
+							<p th:text=${jtdt[0].createTimeFormattedDate_y}></p>
+							</div>
+							<div class="policy_line"></div>
+							<div class="policy_p_cont">
+								<h5 th:text="${jtdt[0].title}"></h5>
+								<p th:text="${jtdt[0].summary}"></p>
+							</div>
 						</div>
-						<div class="data" th:text=${jtdt[2].createTimeFormattedDate}></div>
-					</div>
-				</div>
-				<div class="pol_right_sm pol_act" th:if="${#lists.size(jtdt) ge 4}">
-					<h3 th:text="${jtdt[3].title}"></h3>
-					<p th:text="${jtdt[3].summary}"></p>
-					<div class="pol_bottom">
-						<div class="more rf">
-							<a th:href="@{/portal/news/newsDetail(id=${jtdt[3].id})}">MORE+</a>
+					</a>
+					<a th:if="${#lists.size(jtdt) ge 2}" th:href="@{/portal/news/newsDetail(id=${jtdt[1].id})}">
+						<div >
+							<div class="policy_date">
+							<h4 th:text=${jtdt[1].createTimeFormattedDate_md}></h4>
+							<p th:text=${jtdt[1].createTimeFormattedDate_y}></p>
+							</div>
+							<div class="policy_line"></div>
+							<div class="policy_p_cont">
+								<h5 th:text="${jtdt[1].title}"></h5>
+								<p th:text="${jtdt[1].summary}"></p>
+							</div>
 						</div>
-						<div class="data" th:text=${jtdt[3].createTimeFormattedDate}></div>
-					</div>
+					</a>
+					<a th:if="${#lists.size(jtdt) ge 3}" th:href="@{/portal/news/newsDetail(id=${jtdt[2].id})}">
+						<div >
+							<div class="policy_date">
+							<h4 th:text=${jtdt[2].createTimeFormattedDate_md}></h4>
+							<p th:text=${jtdt[2].createTimeFormattedDate_y}></p>
+							</div>
+							<div class="policy_line"></div>
+							<div class="policy_p_cont">
+								<h5 th:text="${jtdt[2].title}"></h5>
+								<p th:text="${jtdt[2].summary}"></p>
+							</div>
+						</div>
+					</a>
+					<a th:if="${#lists.size(jtdt) ge 4}" th:href="@{/portal/news/newsDetail(id=${jtdt[3].id})}">
+						<div >
+							<div class="policy_date">
+							<h4 th:text=${jtdt[3].createTimeFormattedDate_md}></h4>
+							<p th:text=${jtdt[3].createTimeFormattedDate_y}></p>
+							</div>
+							<div class="policy_line"></div>
+							<div class="policy_p_cont">
+								<h5 th:text="${jtdt[3].title}"></h5>
+								<p th:text="${jtdt[3].summary}"></p>
+							</div>
+						</div>
+					</a>
 				</div>
 			</div>
 		</div>
-	</div>
-	<div class="need_main">
-		<div id="need">
-			<div class="caption">精品需求</div>
-			<span class="more"><a th:href="${basePath + '/portal/technologyTrading/demand.html'}">MORE+</a></span>
-			<div class="carousel">
-				<span class="need_prev"><</span>
-				<div class="need_imgs">
-					<ul>
-						<li th:each="item:${demandList}"><a
-							th:href="@{/portal/technologyTrading/demandDetail(id=${item.productId},type=${item.ownerType})}">
-								<img th:src="${avatarUploadHost + item.coverImg}" alt="" />
-								<p th:text="${item.name}"></p>
-								<div class="need_black">
-									<img th:src="${portalHost+'/img/search_txt.png'}" alt="" />
-									<p>详情</p>
-								</div>
-						</a></li>
-					</ul>
+		<div id="index_man">
+			<div class="index_man">
+				<img src="../img/index_er6.png" alt="" />
+				<div class="index_cont">
+					<div>
+						<a href="#">
+							<div class="index_oneman">
+								<img src="../img/index_er1.jpg" alt="" />
+								<h4 class="appellation" th:text="${rePartnerDetail.position}?${rePartnerDetail.position}:''"></h4>
+								<h3 class="definition" th:text="${rePartnerDetail.workUnit}?${rePartnerDetail.workUnit}:${rePartnerDetail.username}"></h3>
+								<p th:text="${rePartnerDetail.achievement}"></p>
+							</div>
+						</a>	
+					</div>
+					<div>
+						<a href="#">
+							<div class="index_oneman">
+								<img src="../img/index_er1.jpg" alt="" />
+								<h4 class="appellation">湖南大学生物科学教授</h4>
+								<h3 class="definition">梁晓欣</h3>
+								<p>食子酸在高温和中压条件下可以脱去羧基,从而获得焦性没食子酸,再通过升华的方式获得较纯的焦性没食子产品,
+							单升华方式产能较低且能耗高,希望通过其他方式(重结晶)等获得此产品,提高产品的产能降低能耗。</p>
+							</div>
+						</a>	
+					</div>
+					<div>
+						<a href="#">
+							<div class="index_oneman">
+								<img src="../img/index_er1.jpg" alt="" />
+								<h4 class="appellation">湖南大学生物科学教授</h4>
+								<h3 class="definition">梁晓欣</h3>
+								<p>食子酸在高温和中压条件下可以脱去羧基,从而获得焦性没食子酸,再通过升华的方式获得较纯的焦性没食子产品,
+							单升华方式产能较低且能耗高,希望通过其他方式(重结晶)等获得此产品,提高产品的产能降低能耗。</p>
+							</div>
+						</a>	
+					</div>
 				</div>
-				<span class="need_next">></span>
 			</div>
+			
 		</div>
-	</div>
+	
 	<footer>
 		<div th:replace="common::copyright"></div>
 		<div th:replace="common::login"></div>