maojiacai/ba_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

'新增页面'

Browse Source
This commit is contained in:
esacpe
2025-09-22 18:11:34 +08:00
parent 1c0f313d9e
commit 811fd41070
11 changed files with 80 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
src/views/login/index.vue
View File

@ -5,20 +5,32 @@
<h3 class="title">用户登录</h3>
</div>
<el-form-item prop="userName">
<span class="svg-container">
<svg-icon icon="user" />
</span>
<el-input placeholder="请输入账号" name="userName" type="text" v-model="loginForm.userName" />
<el-input placeholder="请输入账号" name="userName" type="text" v-model="loginForm.userName">
<template #prepend>
<span class="svg-container">
<svg-icon icon="user" />
</span>
</template>
</el-input>
</el-form-item>
<el-form-item prop="password1">
<span class="svg-container">
<!-- <span class="svg-container">
<svg-icon icon="password" />
</span>
<el-input placeholder="请输入密码" name="password" :type="passwordType" v-model="loginForm.password" />
<span class="show-pwd">
<svg-icon @click="onChangePwdType" :icon="passwordType === 'password' ? 'eye' : 'eye-open'" />
</span>
</span> -->
<el-input placeholder="请输入密码" name="password" :type="passwordType" v-model="loginForm.password">
<template #prepend>
<span class="svg-container">
<svg-icon icon="password" />
</span>
</template>
<template #append>
<span class="show-pwd">
<svg-icon @click="onChangePwdType" :icon="passwordType === 'password' ? 'eye' : 'eye-open'" />
</span>
</template>
</el-input>
</el-form-item>
<el-form-item v-if="isShowKaptCha" prop="kaptcha">
@ -191,22 +203,15 @@ $cursor: #fff;
color: #454545;
}
&::v-deep .el-input {
display: inline-block;
height: 47px;
width: 85%;
input {
background: transparent;
border: 0px;
-webkit-appearance: none;
border-radius: 0px;
padding: 12px 5px 12px 15px;
color: $light_gray;
height: 47px;
caret-color: $cursor;
::v-deep {
.el-input__wrapper, .el-input-group__append, .el-input-group__prepend {
background-color: transparent !important;
box-shadow: none !important;
}
}
&::v-deep .el-input {
height: 44px;
}
}
.tips {