Explorar el Código

style: app登录页面样式结构调整

cuiyalong hace 8 meses
padre
commit
77d9f1d834

+ 1 - 3
src/jfw/modules/app/src/web/staticres/jyapp/me/css/login.css

@@ -6,7 +6,7 @@
   border-radius: 8px;
 }
 .login {
-  margin-top: 20px;
+  margin-top: 8px;
   padding: 0px 25px;
   /*微信登陆*/
 }
@@ -106,8 +106,6 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  margin-top: .32rem;
-  margin-top: .64rem;
 }
 
 .login .wx {

+ 23 - 22
src/jfw/modules/app/src/web/templates/me/login.html

@@ -26,7 +26,7 @@
 		display: flex;
 		justify-content: center;
 		/* padding-right: 44px; */
-		margin: .32rem 0;
+		margin: .16rem 0 0.32rem;
 		width: 100%;
 		height: 36px;
 	}
@@ -111,7 +111,6 @@
 
     /* background: url('{{Msg "seo" "cdn"}}/common-module/active/2022.4.1/app.png?v={{Msg "seo" "version"}}') no-repeat; */
     margin: 0 auto;
-    margin-top: 0.4rem;
     width: 6.86rem;
     /* height: 2.56rem; */
     background-size: contain;
@@ -122,8 +121,8 @@
 
 </style>
 <body>
-  <div class="page-container">
-    <div class="page-main">
+  <div class="page-container j-container">
+    <div class="page-main j-main">
       <div id="header" class="header-login">
         <!-- <a href="javascript:;" class="cancle"><span class="app-back jyapp-icon jyapp-icon-zuojiantou"></span></a>
         <h2>欢迎使用剑鱼标讯</h2> -->
@@ -185,31 +184,33 @@
           </div>
         </div>
       </div>
-      <!--微信登录start-->
+    </div>
+    <!--微信登录start-->
       <!-- <div class="third_title">
         <div class="third_line"></div>
         <div style="padding: 0 12px;">第三方登录</div>
         <div class="third_line"></div>
       </div> -->
-      <div class="third-and-fast-login-container">
-          <div class="fast-login-item">
-            <a href="javascript:void(0)" class="fast-login-open-link" style="display: none;">本机号码一键登录</a>
-          </div>
-          <div class="fast-login-item wx">
-            <div class=" third_wx">
-              <img src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/me/images/login_wx.png?v={{Msg "seo" "version"}}">
+	    <div class="footer-container">
+        <div class="third-and-fast-login-container">
+            <div class="fast-login-item">
+              <a href="javascript:void(0)" class="fast-login-open-link" style="display: none;">本机号码一键登录</a>
             </div>
-          </div>
-      </div>
-      <!--微信登录end-->
-      <div class="rules">
-        <label for="ifagree" class="selectlabel">
-          <input type="checkbox" id="ifagree">
-          <span class="checkbox-custom selectcheck"></span>
-          <span class="agreeleft selectcheck">已阅读并同意</span><a id="permission">《使用协议》</a><a id="privacy">《隐私政策》</a>
-        </label>
+            <div class="fast-login-item wx">
+              <div class=" third_wx">
+                <img src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/me/images/login_wx.png?v={{Msg "seo" "version"}}">
+              </div>
+            </div>
+        </div>
+        <!--微信登录end-->
+        <div class="rules">
+          <label for="ifagree" class="selectlabel">
+            <input type="checkbox" id="ifagree">
+            <span class="checkbox-custom selectcheck"></span>
+            <span class="agreeleft selectcheck">已阅读并同意</span><a id="permission">《使用协议》</a><a id="privacy">《隐私政策》</a>
+          </label>
+        </div>
       </div>
-    </div>
   </div>
   <div class="toast_readtips" style="display: none;">
     <div class="toast_content">