Learn.VideoAnalysis/VideoAnalysis/Components/Pages/Login.razor

55 lines
1.8 KiB
Plaintext

@page "/Login"
@using AntDesign
@using AntDesign.TableModels
@using System.ComponentModel.DataAnnotations
@using SqlSugar
@using VideoAnalysisCore.Model
@using VideoAnalysisCore.Model.Dto
@attribute [ReuseTabsPage(Ignore = true)]
<section style="width:100%;height:100%">
<!-- 背景颜色 -->
<div class="color"></div>
<div class="color"></div>
<div class="color"></div>
<div class="box">
<!-- 背景圆 -->
<div class="circle" style="--x:0"></div>
<div class="circle" style="--x:1"></div>
<div class="circle" style="--x:2"></div>
<div class="circle" style="--x:3"></div>
<div class="circle" style="--x:4"></div>
<!-- 登录框 -->
<div class="container">
<div class="form">
<h2>登录 视频分析平台</h2>
<form>
<div class="inputBox">
<input type="text" placeholder="账号" @bind="InputAccount">
</div>
<div class="inputBox">
<input type="password" placeholder="密码" @bind="InputPassword">
</div>
<div class="inputBox">
<input type="button" class="submit" value="登录" @onclick="() => LoginFunAsync()">
</div>
@* <p class="forget">
忘记密码?
<a href="#">
点击这里
</a>
</p> *@
@* <p class="forget">
没有账户?
<a href="#">
注册
</a>
</p> *@
</form>
</div>
</div>
</div>
</section>