123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051 |
- <ion-header [translucent]="true">
- <ion-toolbar>
- <ion-title>login</ion-title>
- </ion-toolbar>
- </ion-header>
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>登录页</title>
- <link rel="stylesheet" href="login.page.scss">
- </head>
-
- <body>
- <section>
- <div class=" login-box active">
- <div class="login-form">
- <form action="">
- <h2>Login</h2>
- <div class="inputbox">
- <ion-icon name="person-outline"></ion-icon>
- <input type="text" id="login-user" required [ngModelOptions]="{standalone: true}" [(ngModel)]="username">
- <label for="">Username</label>
- </div>
- <div class="inputbox">
- <ion-icon name="lock-closed-outline"></ion-icon>
- <input type="password" id="login-pass" required [ngModelOptions]="{standalone: true}" [(ngModel)]="password">
- <label for="">Password</label>
- </div>
- <div class="forget">
- <label for="remember-me">
- <input type="checkbox" id="remember-me">Remember Me
- <a href="#" onclick="goBox('forget')">Forget Password</a>
- </label>
- </div>
- <button class="loginBtn" (click)="doLogin()">Log In</button>
-
- <div (click)="goRegister()" style="color: white">
- <p>Don't have a account</p>
- register
- </div>
-
- </form>
- </div>
-
- </div>
-
- </section>
- </body>
-
|