Procházet zdrojové kódy

三个介绍页面加链接

hangb před 8 roky
rodič
revize
fa6e7edf0d

+ 33 - 3
jpress-web-template-usoftchina/src/main/webapp/templates/usoftchina/page_b2b.html

@@ -11,11 +11,38 @@
 		text-align: center;
 		width: 1190px;
 	}
-	.banner h3 {
+
+	<!--添加链接-->
+	.banner .express span.info{
 		font-size: 60px;
 		color: #fff;
-		font-weight: normal;
 	}
+	.banner .express{
+	position: relative;
+	}
+	.banner .express a{
+	display: inline-block;
+	position: absolute;
+	top: 33px;
+	right: 350px;
+	width: 90px;
+	height: 28px;
+	line-height: 28px;
+	font-size: 14px;
+	color: #bac7dd;
+	border: 1px solid #bac7dd;
+	border-radius: 15px;
+	}
+	.banner .express a i{
+	font-size: 14px;
+	color: #bac7dd;
+	}
+	.banner .express:hover a{
+	background: #217fc9;
+	color: #fff;
+	border: none;
+	}
+
 	.banner h4 {
 		margin: 40px;
 		font-size: 18px;
@@ -196,7 +223,10 @@
 <@layout>
 <section id="banner" class="banner">
 	<div class="container">
-		<h3>B2B商务</h3>
+		<div class="express">
+			<span class="info" style="font-size: 60px;color: #fff;">B2B商务</span>
+			<a href="">立即体验&nbsp;<i class="fa fa-angle-right"></i></a>
+		</div>
 		<h4>十年深耕,携您飞跃 <br>优软B2B商务,为您提供更强大的功能服务</h4>
 		<p>优软平台构造了面向制造业和流通业的垂直B2B,不仅仅提供平台服务,还包括企业内部管理、存货服务、人力资源等。优软平台建立了 <br>生产商与供应商之间形成的供需关系,通过一系列工具辅助供需双方形成交易。这是一个企业集合的云端服务,企业通过平台可以完成交易的全过程。</p>
 	</div>

+ 34 - 5
jpress-web-template-usoftchina/src/main/webapp/templates/usoftchina/page_mall.html

@@ -11,10 +11,35 @@
 		text-align: center;
 		width: 1140px;
 	}
-	.banner h3 {
-		font-size: 60px;
-		color: #fff;
-		font-weight: normal;
+	<!--添加链接-->
+	.banner .express span.info{
+	font-size: 60px;
+	color: #fff;
+	}
+	.banner .express{
+	position: relative;
+	}
+	.banner .express a{
+	display: inline-block;
+	position: absolute;
+	top: 33px;
+	right: 350px;
+	width: 90px;
+	height: 28px;
+	line-height: 28px;
+	font-size: 14px;
+	color: #bac7dd;
+	border: 1px solid #bac7dd;
+	border-radius: 15px;
+	}
+	.banner .express a i{
+	font-size: 14px;
+	color: #bac7dd;
+	}
+	.banner .express:hover a{
+	background: #217fc9;
+	color: #fff;
+	border: none;
 	}
 	.banner h4 {
 		margin: 40px;
@@ -88,11 +113,15 @@
 		font-size: 16px;
 		color: #5a5a5a;
 	}
+
 </#macro>
 <@layout>
 <section id="banner" class="banner">
 	<div class="container">
-		<h3>优软商城</h3>
+		<div class="express">
+			<span class="info" style="font-size: 60px;color: #fff;">优软商城</span>
+			<a href="">立即体验&nbsp;<i class="fa fa-angle-right"></i></a>
+		</div>
 		<h4>一家独立的第三方电子交易商城 <br>服务于买家、卖家,帮助企业实现互利共赢!</h4>
 		<p>优软商城是一家独立的第三方电子交易商城,我们致力于解决元器件交易中,企业遇到的“四大难题”,
 			<br>目前拥有四千多家企业用户,交易额月均3亿。

+ 33 - 5
jpress-web-template-usoftchina/src/main/webapp/templates/usoftchina/page_saas.html

@@ -12,10 +12,35 @@
 		text-align: center;
 		width: 1190px;
 	}
-	.banner h3 {
-		font-size: 60px;
-		color: #fff;
-		font-weight: normal;
+	<!--添加链接-->
+	.banner .express span.info{
+	font-size: 60px;
+	color: #fff;
+	}
+	.banner .express{
+	position: relative;
+	}
+	.banner .express a{
+	display: inline-block;
+	position: absolute;
+	top: 33px;
+	right: 350px;
+	width: 90px;
+	height: 28px;
+	line-height: 28px;
+	font-size: 14px;
+	color: #bac7dd;
+	border: 1px solid #bac7dd;
+	border-radius: 15px;
+	}
+	.banner .express a i{
+	font-size: 14px;
+	color: #bac7dd;
+	}
+	.banner .express:hover a{
+	background: #217fc9;
+	color: #fff;
+	border: none;
 	}
 	.banner h4 {
 		margin: 40px;
@@ -238,7 +263,10 @@
 <@layout>
 <section id="banner" class="banner">
 	<div class="container">
-		<h3>优企云服</h3>
+		<div class="express">
+			<span class="info" style="font-size: 60px;color: #fff;">优企云服</span>
+			<a href="">立即体验&nbsp;<i class="fa fa-angle-right"></i></a>
+		</div>
 		<h4>集行业经验,十年磨一剑 <br>为企业提供专业、高效的软件服务!</h4>
 		<p>优企云服是通过互联网以服务形势使用UAS管理系统软件的业务模式
 			<br>同时在SaaS模式下,既可以为企业提供资金、支付、物流、推广、客服等一整套服务,又可以将网络中的各种资源调动起来,为企业服务。