样式修改

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

@@ -91,6 +91,7 @@ main > section {
     z-index: 5;
 }
 /* 登录弹窗 */
+
 .box,.box-zc{
     display:none;
     width: 378px;
@@ -113,13 +114,14 @@ main > section {
     /* margin-top: -20px; */
 }
 .tc-logoimg {
-    width: 64px;
-    height: 64px;
+    width: 50px;
+    height: 50px;
 }
 .tc-out {
     position: absolute;
     top: 24px;
     right: 24px;
+    cursor:pointer;
 }
 .tc-logo {
     font-family: PingFangSC-Medium;
@@ -127,7 +129,7 @@ main > section {
     color: #007FE6;
     letter-spacing: 0.34px;
     text-align: center;
-    /* margin-top: 94px; */
+    margin-top: 38px;
 }
 .tc-title {
     font-family: PingFangSC-Regular;
@@ -136,6 +138,21 @@ main > section {
     letter-spacing: 0.3px;
     text-align: center;
     margin-top: 10px;
+    line-height: 30px;
+}
+.tc-hrleft {
+    width: 60px;
+    display: inline-block;
+    margin-top: 0;
+    margin-bottom: 5px;
+    margin-right: 5px;
+}
+.tc-hrright {
+    width: 50px;
+    display: inline-block;
+    margin-top: 0;
+    margin-bottom: 5px;
+    margin-left: 5px;
 }
 .tc-phone {
     background: rgba(32,53,128,0.01);
@@ -164,7 +181,7 @@ main > section {
     background-image: linear-gradient(-90deg, #007EE5 0%, #05B3FF 100%, #5533FF 100%);
     border-radius: 3px;
     border: 0;
-    box-shadow: 0px 12px 12px -12px #007EE5;
+    box-shadow: 0px 16px 22px -12px #05B3FF;
     width: 100%;
     height: 40px;
     margin-bottom: 12px;
@@ -201,7 +218,7 @@ main > section {
     height: 38px;
 }
 .tc-shibiema {
-    width: 194px;
+    width: 204px;
     margin-left: -10px;
 }
 .tc-huoqu {
@@ -217,6 +234,7 @@ main > section {
     width: 90px;
     height: 40px;
     margin-left: 10px;
+    border: #0080E6 1px solid;
 }
 /* 11/12注册页面 ..........................................*/
 .login {
@@ -263,58 +281,40 @@ main > section {
 }
 /* 首页内容 ..........................................*/
 .my-text {
-    display: block;
     position: absolute;
-    top: 156px;
-    left: 245px;
-    z-index: 5;
+    top: 200px;
+    left: 136px;
+    /* z-index: 5; */
+    width: 468px;
+    height: 300px;
 }
-.my-min {
-    font-family: PingFangSC-Medium;
-    font-size: 30px;
-    color: #0080FF;
-    letter-spacing: 4.17px;
-    text-shadow: 0 2px 4px rgba(255,255,255,0.50);
+.sy-dianzi {
+    width: 100%;
+    height: 50px;
 }
-.my-mix {
-    font-family: PingFangSC-Medium;
-    font-size: 36px;
-    color: #0080FF;
-    letter-spacing: 4.17px;
-}
-.my-bgbulue {
-    width: 389px;
-    height: 168px;
-    opacity: 0.41;
-    background: #4E9BFF;
-    position: relative;
-    top: -27px;
-    left: -15px;
+.sy-mb {
+    margin-bottom: 25px;
 }
-.my-bgtext {
-    font-family: PingFangSC-Regular;
-    letter-spacing: 4.17px;
-    position: absolute;
-    top: 39px;
-    left: 28px;
+.sy-mb img{
+    width: 100px;
+    height: 36px;
 }
-.my-right {
-    margin-left: 20px;
+.sy-mbimg2 {
+    width: 150px !important;
 }
-.my-bgtext span {
-    font-size: 30px !important;
-    color: #444444;
+.sy-mb>img:nth-child(2) {
+    margin-left: 15px;
 }
 .my-tiyan {
-    background-image: linear-gradient(90deg, #94E3FF 0%, #49A1FE 31%, #3D97FD 100%, #9DD0FF 100%);
-    box-shadow: 1px 2px 2px 0 rgba(79,92,125,0.50);
-    border-radius: 12px;
-    width: 210px;
-    height: 77px;
+    background: #5172DD;
+    box-shadow: 0 0 19px 0 rgba(137,143,164,0.63);
+    border-radius: 4px;
+    width: 100px;
+    height: 36px;
     font-family: PingFangSC-Regular;
-    font-size: 30px;
+    font-size: 16px;
     color: #FFFFFF;
-    letter-spacing: 4.17px;
+    border: 0;
 }
 .chrw {
     width: 486px;
@@ -323,7 +323,7 @@ main > section {
 .sy-img {
     position: absolute;
     top: 100px;
-    right: 100px;
+    right: 130px;
 }
 /* 特色 .......................................*/
 .ts-box {
@@ -798,13 +798,13 @@ h1.navbar-brand {
     padding: 0;
 }
 .mask-overly {
-    background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
+    /* background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0; */
     bottom: 0;
     left: 0;
     position: absolute;
     right: 0;
     top: 0;
-    z-index: 9;
+    /* z-index: 9; */
 
 }
 #slider #nav-arrows > a {

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

@@ -4,7 +4,6 @@
 <!--[if IE 8]>         <html lang="en" class="no-js lt-ie9"> <![endif]-->
 <!--[if gt IE 8]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
     <head>
-    	<!-- meta character set -->
     	<!-- meta character set -->
         <meta charset="utf-8">
 		<!-- Always force latest IE rendering engine or request Chrome Frame -->
@@ -72,7 +71,7 @@
 					<h1 class="navbar-brand">
 						<a href="#body">
 							<img src="./img/assets/logo.png" alt="">
-							<span>优企云服</span>
+							<span>企云服</span>
 						</a>
 					</h1>
 					<!-- /logo -->
@@ -108,9 +107,9 @@
 			<div id="box-zc" class="box-zc">
 				<div class="tc-login" id="zhuce">
 					<div class="tc-out"><img class="tc-on" src="./img/assets/叉号.png" alt=""></div>
-					<div><img class="tc-logoimg" src="./img/assets/logo-蓝.png" alt=""></div>
-					<div class="tc-logo">优企云服</div>
-					<div class="tc-title">注册</div>
+					<!-- <div><img class="tc-logoimg" src="./img/assets/logo-蓝.png" alt=""></div> -->
+					<div class="tc-logo"><img class="tc-logoimg" src="./img/assets/logo-蓝@3x.png" alt="">企云服</div>
+					<div class="tc-title"><hr class="tc-hrleft"/>注册<hr class="tc-hrright"/></div>
 					<form action="#" method="post">
 						<div class="tc-phone">
 							<div class="tc-phonebox">
@@ -124,7 +123,7 @@
 									<input type="text" class="tc-yanzhengma tc-shibiema" name="" id="">
 								</div>
 							</div>
-							<div class="left"><img class="tc-yanzhengimg" src="./img/assets/Group.png" alt=""></div>
+							<div class="left"><img class="tc-yanzhengimg" src="./img/assets/timg (1).jpg" alt=""></div>
 							<div class="right" style="line-height: 40px;"><img src="./img/assets/刷新.png" alt=""></div>
 						</div>
 						<div style="width: 100%;">
@@ -137,7 +136,7 @@
 							<button class="tc-huoqu right">获取验证码</button>
 						</div>
 						<div class="xieyi">
-							<input class="checked" type="checkbox" checked> 
+							<input class="checked" type="checkbox" checked name="xieyi"/> 
 							<span>
 								我已阅读并同意
 								<a href="https://sso.ubtob.com/common/agreement">《优软云服务条款》</a>
@@ -158,8 +157,8 @@
 				<div class="tc-login" id="zhanghao">
 					<div class="tc-out"><img class="tc-on" src="./img/assets/叉号.png" alt=""></div>
 					<!-- <div></div> -->
-					<div class="tc-logo"><img class="tc-logoimg" src="./img/assets/logo-蓝.png" alt="">企云服</div>
-					<div class="tc-title">账号登陆</div>
+					<div class="tc-logo"><img class="tc-logoimg" src="./img/assets/logo-蓝@3x.png" alt="">企云服</div>
+					<div class="tc-title"><hr class="tc-hrleft"/>账号登录<hr class="tc-hrright"/></div>
 					<form action="#" method="post">
 						<div class="tc-phone">
 							<div class="tc-phonebox">
@@ -200,9 +199,9 @@
 
 				<div class="tc-login" id="duanxin" style="display:none">
 					<div class="tc-out"><img class="tc-on" src="./img/assets/叉号.png" alt=""></div>
-					<div><img class="tc-logoimg" src="./img/assets/logo-蓝.png" alt=""></div>
-					<div class="tc-logo">优企云服</div>
-					<div class="tc-title">短信登陆</div>
+					<!-- <div><img class="tc-logoimg" src="./img/assets/logo-蓝.png" alt=""></div> -->
+					<div class="tc-logo"><img class="tc-logoimg" src="./img/assets/logo-蓝@3x.png" alt="">企云服</div>
+					<div class="tc-title"><hr class="tc-hrleft"/>短信登录<hr class="tc-hrright"/></div>
 					<form action="#" method="post">
 						<div class="tc-phone">
 							<div class="tc-phonebox">
@@ -251,24 +250,25 @@
 				
 					<div class="sl-slide" data-orientation="horizontal" data-slice1-rotation="-25" data-slice2-rotation="-25" data-slice1-scale="2" data-slice2-scale="2">
 						<div class="mask-overly"></div>
-						<div class="bg-img slider-1"></div>
+						<div class="bg-img slider-1">
+							<!-- <img src="./img/assets/背景.png" alt=""> -->
+						</div>
 						<!-- 首页内容 -->
 						<div class="my-text">
-							<!-- <h4 class="my-min">简单易用 轻松上手</h4>
-							<h3 class="my-mix">电子行业云端企业管理解决方案</h3>
-							<div class="my-bgbulue">
-								<div class="my-bgtext">
-									<p style="margin-bottom: 20px">
-										<span>寻源管理</span>
-										<span class="my-right">进销存管理</span>
-									</p>
-									<p>
-										<span>任务管理</span>
-										<span class="my-right">资金管理</span>
-									</p>
-								</div>
+							<img class="sy-dianzi sy-mb" src="./img/assets/电子行业字段.png" alt="">
+							<div class="sy-mb">
+								<img src="./img/assets/寻.png" alt="">
+								<img class='sy-mbimg2' src="./img/assets/进.png" alt="">
+							</div>
+							<div class="sy-mb">
+								<img src="./img/assets/任.png" alt="">
+								<img src="./img/assets/资.png" alt="">
+							</div>
+							<div class="sy-mb">
+								<img src="./img/assets/Group.png" alt="">
+								<img src="./img/assets/轻.png" alt="">
 							</div>
-							<button class='my-tiyan'>立即体验</button> -->
+							<button class='my-tiyan'>立即体验</button> 
 						</div>
 						<div class="sy-img"><img class="chrw" src="./img/assets/插画人物.png" alt=""></div>
 						<div class="slide-caption">