Browse Source

手机分享界面调整

hy 7 years ago
parent
commit
3ff77b41e0

+ 6 - 6
frontend/saas-portal-web/src/pages/invitation_mobile_join/invitation_mobile_join.html

@@ -182,7 +182,7 @@
     <body>
     <body>
         <div class="x-join-center" hidden>
         <div class="x-join-center" hidden>
             <div class="subtitle">U企云服</div>
             <div class="subtitle">U企云服</div>
-            <div style="margin:15px 0 0 20px">
+            <div style="margin:15px 0 0 0px">
                 <!-- 邀请人姓名 -->
                 <!-- 邀请人姓名 -->
                 <span id="sendman" style="padding:0 0 0 2px;color: #fff;"></span>
                 <span id="sendman" style="padding:0 0 0 2px;color: #fff;"></span>
                 </br>
                 </br>
@@ -190,12 +190,12 @@
                 <span id="sendmsg" style="padding:10px 0 0 2px;margin:10px 0 0 0;color: #fff;"></span>
                 <span id="sendmsg" style="padding:10px 0 0 2px;margin:10px 0 0 0;color: #fff;"></span>
                 </br>
                 </br>
             </div>
             </div>
-            <input id="myMobile" class="input_style" type="text" onBlur="checkMobile()" style="margin:20px 0 0 26px;" placeholder="请输入手机号码"></input>
-            <input class="input_style" id="selectCode" type="text" style="width: 130px;" placeholder="请输入验证码"></input>
-            <button class="btn-check" type="button" id="checkBtn" onclick="getCode()">获取验证码</button>
+            <input id="myMobile" class="input_style" type="text" onBlur="checkMobile()" placeholder="请输入手机号码"></input>
+            <input class="input_style" id="selectCode" type="text" placeholder="请输入验证码"></input>
+            <button style="position: absolute;" class="btn-check" type="button" id="checkBtn" onclick="getCode()">获取验证码</button>
             <input class="input_style" id="selectName" type="text" placeholder="请输入姓名"></input>
             <input class="input_style" id="selectName" type="text" placeholder="请输入姓名"></input>
-            <select class="input_style" id="selectJob" style="padding-top: 0px;" placeholder="请选择岗位"></select>
-			<button class="btn-submit" type="button" id="joinBtn" onclick="join();">提 交</button>
+            <select class="input_style" id="selectJob" style="width:100%;margin-top: 30px;opacity: 0.8;border-radius: 0px;" placeholder="请选择岗位(必填)"></select>
+			<button class="btn-submit" style="margin-left: 12px;border-radius: 30px;width: 240px;" type="button" id="joinBtn" onclick="join();">提 交</button>
         </div>
         </div>
         <div class="x-join-bottom">
         <div class="x-join-bottom">
             <span style="font-size:16px;padding:0 0 0 5px;color: #999;">U企云服 | 电子行业企业管理云端方案</span>
             <span style="font-size:16px;padding:0 0 0 5px;color: #999;">U企云服 | 电子行业企业管理云端方案</span>

+ 21 - 20
frontend/saas-portal-web/static/css/invitation_mobile_join.css

@@ -31,16 +31,17 @@ body {
 	text-align: center;
 	text-align: center;
 }
 }
 .x-join-center {
 .x-join-center {
-	width: 281px;
+	width: 100%;
     height: 400px;
     height: 400px;
     position: absolute;
     position: absolute;
     top: 50%;
     top: 50%;
-    left: 50%;
+    /* left: 50%; */
     margin-top: -200px;
     margin-top: -200px;
-    margin-left: -140px;
-	text-align: center;
+    /* margin-left: -140px; */
+    text-align: center;
 }
 }
 .x-join-center .subtitle {
 .x-join-center .subtitle {
+    margin-left: -15px;
 	display: block;
 	display: block;
     height: 50px;
     height: 50px;
     background: url(../img/assets/dalogo@2x_1.png) no-repeat;
     background: url(../img/assets/dalogo@2x_1.png) no-repeat;
@@ -88,19 +89,18 @@ body {
 	margin: 15px 5px 0 30px;
 	margin: 15px 5px 0 30px;
 }
 }
 .input_style{
 .input_style{
-	margin-left: 26px;
-    float: left;
+    margin: 0 auto;
     padding-top: 3px;
     padding-top: 3px;
-    padding-left: 6px;
+    padding-left: 13px;
     width: 240px;
     width: 240px;
     margin-top: 10px;
     margin-top: 10px;
-	height: 36px;
+    height: 36px;
 	display: block;
 	display: block;
     color: #555;
     color: #555;
     background-color: #fff;
     background-color: #fff;
     background-image: none;
     background-image: none;
     border: 1px solid #ccc;
     border: 1px solid #ccc;
-    border-radius: 4px;
+    border-radius:30px;
     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
     -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
@@ -109,16 +109,17 @@ body {
 }
 }
 
 
 .btn-check{
 .btn-check{
-	line-height: 13px;
-    height: 36px;
-	margin-top: 10px;
-    margin-left: -15px;
-    color: #fff;
-    background-image: linear-gradient(to bottom, #69b5f7 0, #579dda 100%);
-    border-color: #428bca;
+    margin-top: -33px;
+    margin-left: 1px;
+    line-height: 20px;
+    height: 30px;
+    background: #fff;
+    color: #369ab9;
+    /* background-image: linear-gradient(to bottom, #69b5f7 0, #579dda 100%); */
+    /* border-color: #428bca; */
     width: 110px;
     width: 110px;
-	display: inline-block;
-    padding: 6px 12px;
+    display: inline-block;
+    /* padding: 0px; */
     margin-bottom: 0;
     margin-bottom: 0;
     font-size: 14px;
     font-size: 14px;
     font-weight: 400;
     font-weight: 400;
@@ -131,7 +132,7 @@ body {
     -ms-user-select: none;
     -ms-user-select: none;
     user-select: none;
     user-select: none;
     border: 1px solid transparent;
     border: 1px solid transparent;
-    border-radius: 4px;
+    border-left: 2px solid #a9a9a9;
 }
 }
 
 
 .btn-submit{
 .btn-submit{
@@ -139,7 +140,7 @@ body {
     background:#004CE0;
     background:#004CE0;
     border-color: #428bca;
     border-color: #428bca;
     width: 135px;
     width: 135px;
-	margin-top: 42px;
+    margin-top: 30px;
 	display: inline-block;
 	display: inline-block;
     padding: 6px 12px;
     padding: 6px 12px;
     margin-bottom: 0;
     margin-bottom: 0;