<template>
<div class="login" @keyup.enter="clickLogin">
<div class="loginModule" ref="formWrap">
<div class="logo">
<img src="@/assets/images/logo.png" alt="" />
</div>
<div class="form">
<el-form ref="loginFormRef" :rules="loginRules" :model="loginForm">
<el-form-item prop="username">
<el-input
clearable
placeholder="用户名"
v-model="loginForm.username"
>
</el-input>
</el-form-item>
<el-form-item prop="password">
<el-input
clearable
show-password
placeholder="密码"
v-model="loginForm.password"
>
</el-input>
</el-form-item>
<div class="sliderValidate">
<div
class="validateWrap"
ref="sliderWrap"
:class="{
validatePass: validPass
}"
>
<div class="block" ref="slider">
<img
v-show="validPass"
src
vue3+ts 登陆页面,前端实现滑块验证
最新推荐文章于 2024-05-28 11:13:19 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)