You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

44 lines
2.1 KiB

<MCard Width=510 Height="520" Class="mx-auto my-auto">
<div style="height:30px;" />
<div class="mt-2 mx-auto text-center" style="width:420px;">
<MAvatar Size=80>
<MImage Src="/fish.png" />
</MAvatar>
<h5 class="mt-2 mb-12">欢迎使用农政云平台! </h5>
@if (IsError)
{
<MAlert Dense Outlined Color="#4CAF50" Type="AlertTypes.Error" style="text-align:left;">
账号或者密码错误!
</MAlert>
}
<MForm Model="LoginInput" EnableDataAnnotationsValidation @ref="Form">
<div style="height:90px">
<MTextField @bind-Value="LoginInput.Username" TValue="string" Label="手机号/邮箱" Outlined HideDetails="@("auto")" />
</div>
<MTextField @bind-Value="LoginInput.Password" TValue="string" Label="密码"
Type="@(_show ? "text" : "password")"
AppendIcon="@(_show ? "mdi-eye" : "mdi-eye-off")"
OnAppendClick="()=>_show = !_show" Outlined HideDetails="@("auto")" />
<div class="d-flex mb-6" style="margin-bottom:0px !important;">
<MCheckbox class="pa-2" @bind-Value="LoginInput.Remember" Label="记住我" style="margin-top:0px;" />
<span class="pa-2 ml-auto text-caption hover-pointer" style="font-size:14px !important;">
@*@onclick=@(()=>Navigation.NavigateTo(Navigation.BaseUri+ForgotPasswordRoute))*@
忘记密码?
</span>
</div>
<MButton OnClick="OnLoginAsync" Type="submit" style="margin-top:12px !important;" Class="mt-11 rounded-4 text-btn white--text" Height=46 Width=340 Color="primary">
登录
</MButton>
</MForm>
<div class="my-6">
<span class="text-btn">没有帐号?</span>
<span class="primary--text hover-pointer">点此注册</span>@*@onclick="@(()=>Navigation.NavigateTo(Navigation.BaseUri+CreateAccountRoute))"*@
</div>
</div>
<div style="height:20px;" />
</MCard>