60 lines
2.7 KiB
Plaintext
60 lines
2.7 KiB
Plaintext
@page "/login"
|
|
|
|
<div class="d-flex flex-column flex-grow-1 page-containerr">
|
|
|
|
<div class="d-flex mud-paper-80-percent-centeredd w-75">
|
|
<MudPaper Class="d-flex flex-grow-1 ma-0 pa-0" style="background-color:transparent; min-height:100%" Elevation="0">
|
|
|
|
<MudGrid Class="d-flex flex-grow-1" style="background-color:transparent; min-height:100%">
|
|
<MudItem xs="12" sm="4" style="background-color:transparent">
|
|
<MudPaper Class="d-flex flex-column align-start justify-start mud-width-full h-100 pa-8" Elevation="0" Style="background-color:transparent">
|
|
<MudText Style="color:#ffffff" Typo="Typo.h4">TechHelper</MudText>
|
|
<MudText Style="color:#ffffff" Typo="Typo.body2">轻松管理，高效学习。</MudText>
|
|
<MudSpacer />
|
|
<MudText Style="color:#ffffff" Typo="Typo.h4">教育不是注满一桶水，</MudText>
|
|
<MudText Style="color:#ffffff" Typo="Typo.h4"> 而是点燃一把火。</MudText>
|
|
<MudImage Alt="Hello World" Fluid="true" Src="ref/UnFinish.png" />
|
|
</MudPaper>
|
|
</MudItem>
|
|
|
|
<MudItem xs="12" sm="8" style="background-color:transparent">
|
|
|
|
<MudPaper Class="d-flex flex-row flex-grow-1 justify-center rounded-xl px-0 mud-height-full" >
|
|
|
|
<EditForm Model="@_userForAuth" OnValidSubmit="Logining" FormName="LoginingForm" class="w-100">
|
|
<DataAnnotationsValidator />
|
|
<MudPaper Class="d-flex flex-column flex-grow-1 rounded-xl px-15 justify-content-center pt-15 w-100 " Elevation="0" Outlined="false">
|
|
<MudText Typo="Typo.h5"> <b>登录账户</b> </MudText>
|
|
<MudTextField Label="Email" Class="mt-3"
|
|
@bind-Value="_userForAuth.Email" For="@(() => _userForAuth.Email)" />
|
|
<MudTextField Label="Password" HelperText="Choose a strong password" Class="mt-3"
|
|
@bind-Value="_userForAuth.Password" For="@(() => _userForAuth.Password)" InputType="InputType.Password" />
|
|
|
|
|
|
<MudStack Row=true Class="align-content-center justify-content-start my-3">
|
|
<MudCheckBox @bind-Value="Basic_CheckBox2" Color="Color.Primary"></MudCheckBox>
|
|
<MudText Typo="Typo.body2" Align=Align.Center Class="align-content-center"> 点击登录，即表示你同意我们的服务条款和隐私政策。 </MudText>
|
|
</MudStack>
|
|
|
|
<MudButton ButtonType="ButtonType.Submit" Variant="Variant.Filled" Color="Color.Primary" Class="w-100 mx-0 my-3 justify-content-center rounded-pill">LOGIN</MudButton>
|
|
|
|
|
|
|
|
|
|
<MudText Typo="Typo.body2" Class="justify-content-center mx-auto mt-5" Color="Color.Dark">
|
|
还没有账户?
|
|
<a href="/register" style="color: blue;">Sign in</a>
|
|
</MudText>
|
|
</MudPaper>
|
|
|
|
</EditForm>
|
|
|
|
</MudPaper>
|
|
|
|
</MudItem>
|
|
</MudGrid>
|
|
</MudPaper>
|
|
|
|
</div>
|
|
</div>
|