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
56c6cd49e4
commit
7f2e8d8595
3 changed files with 31 additions and 28 deletions
Unified View Show Diff Stats
  1. 6 7
      frontend/saas-portal-web/src/pages/invitation_mobile_join/invitation_mobile_join.html
  2. 22 19
      frontend/saas-portal-web/static/css/invitation_mobile_join.css
  3. 3 2
      frontend/saas-portal-web/static/css/toast.style.css

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

@@ -174,7 +174,7 @@
 
                     has_icon:true,
 
                     has_icon:true,
 
                     has_close_btn:false,
 
                     has_close_btn:false,
 
                     fullscreen:false,
 
                     fullscreen:false,
 
-                    timeout:2000,
 
+                    timeout:233000,
 
                     position_class: "toast-top-center",
 
                     position_class: "toast-top-center",
 
                     sticky:false,
 
                     sticky:false,
 
                     has_progress:false,
 
                     has_progress:false,
 
@@ -184,10 +184,10 @@
 
         </script> 
         </script> 
     </head>
 
     </head>
 
     <body>
 
     <body>
 
-        <div class="x-join" style="width:100%;height:100%">
 
+        <div class="x-join" style="width:100%;">
 
             <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:30px 0 0 0px">
 
+                <div style="margin:20px 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>
 
@@ -203,10 +203,9 @@
 
                 <button style="position: absolute;" class="expand_icon" type="button" ></button>
 
                 <button style="position: absolute;" class="expand_icon" type="button" ></button>
 
                 <button class="btn-submit" style="border-radius: 30px;width: 80%;      margin-top: 40px;   font-size: 18px; height: 47px;" type="button" id="joinBtn" onclick="join();">提 交</button>
 
                 <button class="btn-submit" style="border-radius: 30px;width: 80%;      margin-top: 40px;   font-size: 18px; height: 47px;" type="button" id="joinBtn" onclick="join();">提 交</button>
 
             </div>
 
             </div>
 
-            <div class="x-join-bottom" style="    height: 55px;">
 
-                <span style="font-size:16px;padding:0 0 0 5px;color: #999;">U企云服 | 电子行业企业管理云端方案</span>
 
-                </br>
 
-                <span style="font-size:16px;padding:0 0 0 5px;color: #999;">深圳市优软科技有限公司</span>
 
+            <div class="x-join-bottom" style=" display:table-cell;font-size:12px;font-height:14px;vertical-align:middle;text-align:center;   height: 50px;">
 
+                <span class="x-bottom-text">U企云服 | 电子行业企业管理云端方案</span>
 
+                <span class="x-bottom-text" style="    margin-top: 2px;">深圳市优软科技有限公司</span>
 
             </div>
 
             </div>
 
             <div class="x-join-error" hidden>
 
             <div class="x-join-error" hidden>
 
                 </br></br></br></br>
 
                 </br></br></br></br>

+ 22 - 19
frontend/saas-portal-web/static/css/invitation_mobile_join.css
View File 

@@ -4,14 +4,12 @@
 
 	box-sizing: border-box
 
 	box-sizing: border-box
 
 }
 
 }
 
 body, html {
 
 body, html {
 
-    min-height: 100%;
 
 }
 
 }
 
 body {
 
 body {
 
     background-repeat: no-repeat;
 
     background-repeat: no-repeat;
 
     background-position: center;
 
     background-position: center;
 
     background-attachment: fixed;
 
     background-attachment: fixed;
 
     z-index: -1;
 
     z-index: -1;
 
-    height: 100%;
 
     width: 100%;
 
     width: 100%;
 
     background-size: cover;
 
     background-size: cover;
 
     background-image: url(../img/invitation_background.png);
 
     background-image: url(../img/invitation_background.png);
 
@@ -41,13 +39,12 @@ body {
 
 }
 
 }
 
 .x-join-center {
 
 .x-join-center {
 
 	width: 100%;
 
 	width: 100%;
 
-    height: 100%;
 
     /* left: 50%; */
 
     /* left: 50%; */
 
     /* margin-left: -140px; */
 
     /* margin-left: -140px; */
 
     text-align: center;
 
     text-align: center;
 
 }
 
 }
 
 .x-join-center .subtitle {
 
 .x-join-center .subtitle {
 
-    margin-top: 30px;
 
+    margin-top: 20px;
 
     margin-left: -15px;
 
     margin-left: -15px;
 
 	display: block;
 
 	display: block;
 
     height: 50px;
 
     height: 50px;
 
@@ -67,6 +64,15 @@ body {
 
 	margin: 40px auto 0px auto;
 
 	margin: 40px auto 0px auto;
 
 	overflow: hidden;
 
 	overflow: hidden;
 
 }
 
 }
 
+.x-bottom-text{
 
+    margin-top: 5px;
 
+    display: block;
 
+    font-family: PingFangSC-Regular;
 
+    color: #666666;
 
+    letter-spacing: 1.88px;
 
+    font-size: 15px;
 
+    padding: 0 0 0 5px;
 
+}
 
 .x-join-center .share-step .share-step-tag {
 
 .x-join-center .share-step .share-step-tag {
 
 	display: block;
 
 	display: block;
 
 	width: 30px;
 
 	width: 30px;
 
@@ -96,50 +102,48 @@ body {
 
 	margin: 15px 5px 0 30px;
 
 	margin: 15px 5px 0 30px;
 
 }
 
 }
 
 .input_style{
 
 .input_style{
 
+    border-radius: 30px;
 
+    opacity: 0.8;
 
+    border: 1px solid #bdbdbd;
 
     -webkit-appearance: none;
 
     -webkit-appearance: none;
 
-    font-size: 14.5px;
 
+    font-size: 16.5px;
 
     margin: 0 auto;
 
     margin: 0 auto;
 
     padding-top: 3px;
 
     padding-top: 3px;
 
     padding-left: 13px;
 
     padding-left: 13px;
 
     width: 80%;
 
     width: 80%;
 
     margin-top: 18px;
 
     margin-top: 18px;
 
     height: 40px;
 
     height: 40px;
 
-	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-radius:30px;
 
-    -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);
 
-    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
 
-    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
 
-    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
 
+    border: 1px solid #656565;
 
 }
 
 }
 
 .expand_icon{
 
 .expand_icon{
 
     border: none;
 
     border: none;
 
-    margin-left: 292px;
 
+    margin-left: 70%;
 
     position: absolute;
 
     position: absolute;
 
     margin-top: -26px;
 
     margin-top: -26px;
 
-    display: block;
 
+    display: inline-block;
 
     height: 16px;
 
     height: 16px;
 
     width: 28px;
 
     width: 28px;
 
     background: url(../img/assets/expand.png)no-repeat right;
 
     background: url(../img/assets/expand.png)no-repeat right;
 
 }
 
 }
 
 .btn-check{
 
 .btn-check{
 
+    border-radius: 30px;
 
     padding-top: 4px;
 
     padding-top: 4px;
 
     border-top-right-radius: 30px;
 
     border-top-right-radius: 30px;
 
     border-bottom-right-radius: 30px;
 
     border-bottom-right-radius: 30px;
 
     margin-top: -35px;
 
     margin-top: -35px;
 
-    margin-left: 30px;
 
+    margin-left: 55%;
 
     line-height: 20px;
 
     line-height: 20px;
 
     height: 30px;
 
     height: 30px;
 
-    background: #fff;
 
+    background: unset;
 
     color: #369ab9;
 
     color: #369ab9;
 
     /* background-image: linear-gradient(to bottom, #69b5f7 0, #579dda 100%); */
 
     /* background-image: linear-gradient(to bottom, #69b5f7 0, #579dda 100%); */
 
     /* border-color: #428bca; */
 
     /* border-color: #428bca; */
 
     width: 110px;
 
     width: 110px;
 
-    display: inline-block;
 
+    display: block;
 
     /* padding: 0px; */
 
     /* padding: 0px; */
 
     margin-bottom: 0;
 
     margin-bottom: 0;
 
     font-size: 16px;
 
     font-size: 16px;
 
@@ -153,7 +157,6 @@ body {
 
     -ms-user-select: none;
 
     -ms-user-select: none;
 
     user-select: none;
 
     user-select: none;
 
     border: 1px solid transparent;
 
     border: 1px solid transparent;
 
-    border-left: 2px solid #a9a9a9;
 
 }
 
 }
 
 
 
 .btn-submit{
 
 .btn-submit{

+ 3 - 2
frontend/saas-portal-web/static/css/toast.style.css
View File 

@@ -20,7 +20,8 @@ i {
 
   -moz-osx-font-smoothing: grayscale; }
 
   -moz-osx-font-smoothing: grayscale; }
 
 
 
 .toast-icon-error:before {
 
 .toast-icon-error:before {
 
-  content: "×"; }
 
+  content: "E";
 
+  font-weight: 600;}
 
 
 
 .toast-icon-info:before {
 
 .toast-icon-info:before {
 
   content: ""; }
 
   content: ""; }
 
@@ -111,7 +112,7 @@ i {
 
     position: absolute;
 
     position: absolute;
 
     margin-left: 5px;
 
     margin-left: 5px;
 
     top: 0%;
 
     top: 0%;
 
-    margin-top: 180px;
 
+    margin-top: 160px;
 
     left: 50%;
 
     left: 50%;
 
     -ms-transform: translate(-50%,-50%);
 
     -ms-transform: translate(-50%,-50%);
 
     -moz-transform: translate(-50%,-50%);
 
     -moz-transform: translate(-50%,-50%);