@{
    Layout = null;
}

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title></title>
    <!-- 引入Vue -->
    <script src="~/lib/vue/dist/vue.global.min.js"></script>
    <!-- 引入jq & axios -->
    <script src="~/lib/jquery/dist/jquery.min.js"></script>
    <script src="~/lib/axios/dist/axios.min.js"></script>
    <!-- 引入element+组件库 -->
    <script src="~/lib/element-plus/dist/index.full.min.js"></script>
    <!-- 引入其他第三方库 -->
    <!-- 引入element+样式 -->
    <link href="~/lib/element-plus/dist/index.min.css" rel="stylesheet" />
    <link href="~/lib/element-plus/theme-chalk/dark/css-vars.min.css" rel="stylesheet" />
    <style>
        * {
            margin: 0;
            padding: 0;
        }

    </style>
    <style scoped>
        .login-container {
            max-width: 400px;
            margin: auto;
            padding: 20px;
        }
    </style>
</head>
<body>
    <div id="app" class="dark">
        <div class="login-container">
            <el-form ref="loginForm" :model="loginForm" label-width="100px">
                <el-form-item label="账号">
                    <el-input v-model="loginForm.username"></el-input>
                </el-form-item>
                <el-form-item label="密码">
                    <el-input type="password" v-model="loginForm.password"></el-input>
                </el-form-item>
                <el-form-item label="记住密码">
                    <el-switch v-model="loginForm.remember"></el-switch>
                </el-form-item>
                <el-form-item>
                    <el-button type="primary" v-on:click="handleLogin">登 录</el-button>
                </el-form-item>
            </el-form>
        </div>
    </div>

    <!-- VUE-JS -->
    <script src="~/js/login/index.js"></script>
</body>
</html>