FatttSnake/Pinnacle-OA
1
0
Fork 0
mirror of https://github.com/FatttSnake/Pinnacle-OA.git synced 2026-04-04 22:41:24 +08:00
Code Packages Releases Activity

Fixed the warn in Login.vue

Browse Source
This commit is contained in:
Fat Snake
2023-05-16 23:03:32 +08:00
parent c1948710a0
commit 74a18e3289
1 changed files with 65 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

126
ui/src/pages/Login.vue
View File

@@ -8,71 +8,75 @@
</div> </div>
<img class="back-shape" :src="backShape" alt="back-shape" /> <img class="back-shape" :src="backShape" alt="back-shape" />
</div> </div>
<div class="card-front"> <form>
<div class="login-title">登录</div> <div class="card-front">
<div class="input-box user-name-box"> <div class="login-title">登录</div>
<div class="center-box" style="padding: 10px"> <div class="input-box user-name-box">
<el-icon size="18"> <div class="center-box" style="padding: 10px">
<icon-pinnacle-user /> <el-icon size="18">
</el-icon> <icon-pinnacle-user />
</div> </el-icon>
<label for="user-name"></label
><input
type="text"
name="user-name"
id="user-name"
v-model="userName"
@keyup="userName = userName.replace(/\s+/g, '')"
placeholder="用户名"
/>
</div>
<div class="input-box password-box">
<div class="center-box" style="padding: 10px">
<el-icon size="18">
<icon-pinnacle-password />
</el-icon>
</div>
<label for="password"></label
><input
type="password"
name="password"
id="password"
v-model="password"
@keyup="password = password.replace(/\s+/g, '')"
placeholder="密码"
/>
</div>
<div class="captcha-set">
<div class="captcha-box">
<div class="input-box" style="height: 100%">
<label for="captcha"></label
><input
type="text"
name="captcha"
id="captcha"
v-model="captcha"
placeholder="验证码"
/>
</div> </div>
<label for="user-name"></label
><input
type="text"
name="user-name"
id="user-name"
autocomplete="username"
v-model="userName"
@keyup="userName = userName.replace(/\s+/g, '')"
placeholder="用户名"
/>
</div> </div>
<img :src="captchaSrc" alt="Captcha" @click="getNewCaptcha" />
</div>
<ElButton <div class="input-box password-box">
size="large" <div class="center-box" style="padding: 10px">
type="primary" <el-icon size="18">
:disabled="loggingIn" <icon-pinnacle-password />
id="login-bt" </el-icon>
@click="login" </div>
> <label for="password"></label
<template #default ><input
><span style="font-size: clamp(2em, 1.5vw, 2.8em)" type="password"
>登&ensp;&ensp;录</span name="password"
></template id="password"
autocomplete="password"
v-model="password"
@keyup="password = password.replace(/\s+/g, '')"
placeholder="密码"
/>
</div>
<div class="captcha-set">
<div class="captcha-box">
<div class="input-box" style="height: 100%">
<label for="captcha"></label
><input
type="text"
name="captcha"
id="captcha"
v-model="captcha"
placeholder="验证码"
/>
</div>
</div>
<img :src="captchaSrc" alt="Captcha" @click="getNewCaptcha" />
</div>
<ElButton
size="large"
type="primary"
:disabled="loggingIn"
id="login-bt"
@click="login"
> >
</ElButton> <template #default
</div> ><span style="font-size: clamp(2em, 1.5vw, 2.8em)"
>登&ensp;&ensp;录</span
></template
>
</ElButton>
</div>
</form>
</div> </div>
</template> </template>