Home Explore Help
Register Sign In
usoft
/
saas-platform
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

手机分享界面调整

hy 7 years ago
parent
4dd95aaaa4
commit
3ff77b41e0
2 changed files with 27 additions and 26 deletions
Unified View Show Diff Stats
  1. 6 6
      frontend/saas-portal-web/src/pages/invitation_mobile_join/invitation_mobile_join.html
  2. 21 20
      frontend/saas-portal-web/static/css/invitation_mobile_join.css

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

@@ -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
View File 

@@ -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;