odjbin/SmartOpsWeb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request 'dj' (#23) from dj into master

Browse Source 
Reviewed-on: http://git.feashow.cn/feashow/SmartOpsWeb/pulls/23
This commit is contained in:
odjbin
2024-09-12 18:10:16 +00:00
parent 7b90a1ac05 030e6c2bb1
commit 2d3a461f14
1 changed files with 35 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -4,14 +4,14 @@
:model="loginForm" :model="loginForm"
ref="formInstance" ref="formInstance"
:rules="rules" :rules="rules"
label-width="65px" label-width="70px"
> >
<h3>SmartOpsWeb</h3> <h3>工单管理系统</h3>
<el-form-item prop="username" label="账号"> <el-form-item prop="username" label="账号">
<el-input v-model="loginForm.username" :prefix-icon="User" ></el-input> <el-input v-model="loginForm.username" :prefix-icon="User" ></el-input>
</el-form-item> </el-form-item>
<el-form-item prop="password" label="密码"> <el-form-item prop="password" label="密码">
<el-input v-model="loginForm.password" type="password" :prefix-icon="Lock" ></el-input> <el-input v-model="loginForm.password" type="password" :prefix-icon="Lock" :show-password="true"></el-input>
</el-form-item> </el-form-item>
<el-form-item prop="code" label="验证码" > <el-form-item prop="code" label="验证码" >
<div class="code"> <div class="code">
@@ -96,8 +96,8 @@ onBeforeUnmount(() => {
<style lang="scss" scoped> <style lang="scss" scoped>
.login-box { .login-box {
height: 100%; height: 100%;
background-color: #4158D0; background-color: #F3F3F3;
background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%); //background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
@@ -107,7 +107,36 @@ onBeforeUnmount(() => {
border-radius: 12px; border-radius: 12px;
width: 25%; width: 25%;
background-color: #fff; background-color: #fff;
.el-form-item {
margin-bottom: 25px;
:deep(.el-form-item__label) {
font-size: 15px;
}
.el-input {
height: 40px;
:deep(.el-input__inner) {
font-size: 18px;
}
:deep(.el-input__suffix) {
.el-input__password {
font-size: 20px;
}
}
:deep(.el-input__prefix ) {
.el-input__prefix-inner {
.el-icon {
font-size: 20px;
}
}
}
}
}
h3 { h3 {
width: 100%; width: 100%;
text-align: center; text-align: center;
@@ -129,7 +158,7 @@ onBeforeUnmount(() => {
flex: 2; flex: 2;
} }
img { img {
height: 32px; height: 40px;
flex: 1; flex: 1;
} }
} }