Browse Source

首页改版2

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

+ 158 - 136
src/main/webapp/WEB-INF/views/portal/index.html

@@ -44,161 +44,183 @@
 			</ul>
 		</div>
 	</div>
-	<div id="index_fruit">
-			<div class="fruit_h3">
-				<h3>精品成果</h3>
-				<a th:href="${basePath + '/portal/technologyTrading/achievement.html'}">MORE+</a>
+	<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>
-			<div class="fruit_cont">
-				<div>
-					<div class="fruit_content" th:if="${#lists.size(achievementList) ge 1}">
+			<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="" /> 
 						<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 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>
+				</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 class="text">
+						<h2 th:text="${achievementList[2].name}"></h2>
+						<p th:text="${achievementList[2].summary}"></p>
+					</div>
+				</a>
+			</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 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>
+		</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>
-					<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 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>
-				<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 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>
+						<div class="data" th:text=${jtdt[2].createTimeFormattedDate}></div>
 					</div>
 				</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 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>
 						</div>
+						<div class="data" th:text=${jtdt[3].createTimeFormattedDate}></div>
 					</div>
 				</div>
-				
-			</div>
-		</div>
-		
-		<div id="index_demand">
-			<div class="fruit_h3">
-				<h3>精品需求</h3>
-				<a th:href="${basePath + '/portal/technologyTrading/demand.html'}">MORE+</a>
-			</div>
-			<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 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="policy_cont">
-				<div class="policy_img">
-					<img th:src="${portalHost+'/img/index_er3.jpg'}" alt=""  />
-				</div>
-				<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>
-					</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>
-					</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 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>
+				<span class="need_next">></span>
 			</div>
 		</div>
-	
-	
+	</div>
 	<footer>
 		<div th:replace="common::copyright"></div>
 		<div th:replace="common::login"></div>