@page "/Login"
@using AntDesign
@using AntDesign.TableModels
@using System.ComponentModel.DataAnnotations
@using SqlSugar
@using VideoAnalysisCore.Model
@using VideoAnalysisCore.Model.Dto


<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>