Browse Source

0210348-登录修改

0210348 4 months ago
parent
commit
ee5c5fd505
2 changed files with 14 additions and 5 deletions
  1. 5 1
      src/modules/user/login/login.page.html
  2. 9 4
      src/modules/user/login/login.page.scss

+ 5 - 1
src/modules/user/login/login.page.html

@@ -8,11 +8,15 @@
       <ion-card-content>
       <ion-card-content>
         <ion-list>
         <ion-list>
           <ion-item lines="none">
           <ion-item lines="none">
-            <ion-label  class="label-login">账号</ion-label>
+            <div>
+              <ion-label  class="label-login">账号</ion-label>
+            </div>
             <ion-input [(ngModel)]="username" placeholder="请输入用户名"></ion-input>
             <ion-input [(ngModel)]="username" placeholder="请输入用户名"></ion-input>
           </ion-item>
           </ion-item>
           <ion-item lines="none">
           <ion-item lines="none">
+            <div>
             <ion-label  class="label-login">密码</ion-label>
             <ion-label  class="label-login">密码</ion-label>
+            </div>
             <ion-input [(ngModel)]="password" type="password" placeholder="请输入密码"></ion-input>
             <ion-input [(ngModel)]="password" type="password" placeholder="请输入密码"></ion-input>
           </ion-item>
           </ion-item>
         </ion-list>
         </ion-list>

+ 9 - 4
src/modules/user/login/login.page.scss

@@ -18,15 +18,20 @@
 .ion-label{
 .ion-label{
   width:32px;
   width:32px;
 }
 }
+
 .label-login{
 .label-login{
-  font-size:16px;
+  width:30px;
+  display: inline-block;
+  font-size:15px;
   position: static; /* 设置为静态,不浮动 */
   position: static; /* 设置为静态,不浮动 */
-  margin-right: 0px;
+  margin-right: 8px;
+  margin-bottom: 2px;
+  
 }
 }
 
 
 //输入
 //输入
-.sc-ion-input-md-h{
-  width:88%;
+.ion-input-md-h{
+  width: 80%;
 }
 }
 
 
 //返回按钮
 //返回按钮