更新样式

frontend/saas-portal-web/src/css/main.css

@@ -110,6 +110,19 @@ main > section {
     margin-top: -4px;
     margin-right: 10px;
 }
+.qiantao {
+    display: none;
+    position: fixed;
+    top: 55%;
+    left: 50%;
+    z-index: 10;
+    margin-left: -220px;
+    margin-top: -230px;
+    width: 440px;
+    height: 460px;
+    /* width: 100%;
+    height: 100%; */
+}
 .box,.box-zc{
     display:none;
     width: 378px;
@@ -474,7 +487,7 @@ main > section {
 /* 帮助 ........................................*/
 .bz-worp {
     background: white;
-    width: 80%;
+    width: 90%;
     margin: 0 auto;
     padding: 40px;
 }
@@ -554,6 +567,7 @@ main > section {
 }
 /* 底部 ...................................*/
 /*footer*/
+
 .footer{
     width: 100%;
     background: #383838;
@@ -565,7 +579,7 @@ main > section {
 .footer .container{
     margin: 0 auto;
     width: 80%;
-    height: 445px;
+    height: 260px;
     overflow: hidden;
     text-align: center;
 }
@@ -592,7 +606,7 @@ main > section {
 }
 .footer-section ul>li a{
     display: inline-block;
-    margin-bottom: 20px;
+    margin-bottom: 10px;
     font-size: 12px;
     color: #fff;
     cursor: pointer;
@@ -656,30 +670,40 @@ main > section {
 .footer .footer-list{
     margin: 55px auto 22px;
 }
-.footer .friend-link{
+
+
+.friend-link{
     height: 100px;
-    padding: 28px 0 16px;
-    border-top: 1px solid rgba(255,255,255,.2);
-    border-bottom: 1px solid rgba(255,255,255,.2)
+    background: #000;
+    width: 100%;
+    line-height: 100px;
 }
-.footer .friend-link ul{
+.friend-link ul{
     overflow: hidden;
     list-style: none ;
+    width: 80%;
+    margin: 0 auto;
+    padding: 0 15px;
 }
-.footer .friend-link ul li{
+.friend-link ul li{
     float: left;
 }
-.footer .friend-link ul li span{
+.friend-link ul li span{
     font-size: 14px;
-    color: #8b8b8b;
+    color: #FFFFFF;
 }
-.footer .friend-link ul li a{
+.friend-link ul li a{
     display: inline-block;
     margin-right: 20px;
     font-size: 14px;
-    color: #8b8b8b;
+    color: #FFFFFF;
+}
+.friend-link ul li a:hover{
+    text-decoration: underline ;
+    color: #e41f2b;
 }
 
+
 /* Sweep To Right */
 .btn-effect {
 	vertical-align: middle;

frontend/saas-portal-web/src/css/slit-slider.css

@@ -148,7 +148,7 @@
 	-ms-animation: fadeOut 1s ease-in-out both;
 	animation: fadeOut 1s ease-in-out both;
 }
-.sl-trans-back-elems .caption-content span,,
+.sl-trans-back-elems .caption-content span,
 .sl-trans-back-elems .caption-content a {
 	-webkit-animation: fadeOut 1s linear both;
 	-moz-animation: fadeOut 1s linear both;

frontend/saas-portal-web/src/index.html

@@ -99,9 +99,13 @@
 		
 		<main class="site-content" role="main">
 			<!-- 遮罩 -->
-			<div class="zhezhao"></div>
+			<div class="zhezhao"></div> 
+		<!-- 登录嵌套 -->
+			<iframe id="box" class="qiantao" src="http://10.1.51.91:3001/sassLogin?appId=sp&returnURL=https://www.usoftchina.com"></iframe>
+		<!-- 注册嵌套 -->
+			<iframe id="box-zc" class="qiantao"src="http://10.1.51.91:3001/sassLogin/register?appId=sp&returnURL=https://www.usoftchina.com "></iframe>
 			<!-- 注册 -->
-			<div id="box-zc" class="box-zc">
+			<div id="box-zc1" class="box-zc">
 				<div class="tc-login" id="zhuce">
 					<div class="tc-out"><img class="tc-on" src="./img/assets/chahao.png" alt=""></div>
 					<div><img class="tc-logoimg" src="./img/assets/dalogo@3x.png" alt=""></div>
@@ -153,8 +157,8 @@
 				</div>
 			</div>
 			<!-- 登录窗 -->
-			<div id="box" class="box">
-		<!-- 账号登录 -->
+			<div id="box1" class="box">
+			<!-- 账号登录 -->
 				<div class="tc-login" id="zhanghao">
 					<div class="tc-out"><img class="tc-on" src="./img/assets/chahao.png" alt=""></div>
 					<div><img class="tc-logoimg" src="./img/assets/dalogo@3x.png" alt=""></div>
@@ -198,8 +202,7 @@
 						</div>
 					</div> -->
 				</div>
-		<!-- 短信登录 -->
-
+			<!-- 短信登录 -->
 				<div class="tc-login" id="duanxin" style="display:none">
 					<div class="tc-out"><img class="tc-on" src="./img/assets/chahao.png" alt=""></div>
 					<div><img class="tc-logoimg" src="./img/assets/dalogo@3x.png" alt=""></div>
@@ -293,7 +296,7 @@
 							<p class="ts-text">云端部署 &nbsp;&nbsp; 轻量应用</p>
 						</div>
 						<div class="ts-box">
-							<div class="left" style="margin:50px 0;">
+							<div style="margin:50px 0;">
 								<img  class="ts-img" src="img/features.jpg" alt="">
 							</div>
 							<div class="right right-text">
@@ -319,7 +322,7 @@
 							</div>
 						</div>
 						<div class="ts-box">
-							<div class="left" style="margin:50px 0;">
+							<div style="margin:50px 0;">
 								<img  class="ts-img" src="img/features.jpg" alt="">
 							</div>
 							<div class="right right-text">
@@ -580,7 +583,7 @@
 						</ul>
 					</div>
 					
-					<div class="qr">
+					<div class="qr" style="float:right">
 						<div class="qr-top">
 							<div class="qr-tech qr-code">
 								<img src="./img/qr-tech.png" alt="">
@@ -600,16 +603,17 @@
 						</div> -->
 					</div>
 				</div>
-				<div class="friend-link" style="margin-top: 100px;">
-					<ul style="margin-left: -40px;">
-						<li><span>常用链接：</span></li>
-						<li><a href="#">uas官网</a></li>
-						<li><a href="#">u软云</a></li>
-						<li><a href="#">英唐官网</a></li>
-					</ul>
-				</div>
+				
 			</div>
 		</div>
+		<div class="friend-link">
+			<ul>
+				<li><span>常用链接：</span></li>
+				<li><a href="#">uas官网</a></li>
+				<li><a href="#">u软云</a></li>
+				<li><a href="#">英唐官网</a></li>
+			</ul>
+		</div>
 		<!--footer end-->
 		
 		<!-- Essential jQuery Plugins