效果:
代码:
<div class="flex h-full items-center justify-around login-wrap">
<el-card class="box-card">
<div class="tyg-div-form">
<h2 style="text-align: center; font-size:22px;" class="mb-4">欢迎访问 官网后台</h2>
<el-form :model="ruleForm" label-width="100px"
class="demo-ruleForm pr-14">
<el-form-item label="用户名" prop="pass">
<el-input type="password" v-model="ruleForm.pass" autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="密码" prop="age">
<el-input v-model="ruleForm.age"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" class="w-full" @click="submitForm('ruleForm')">立即登录</el-button>
</el-form-item>
</el-form>
</div>
</el-card>
</div> <div class="flex h-full items-