xinyin025/geekai
1
0
Fork 0
mirror of https://github.com/yangjian102621/geekai.git synced 2025-09-17 16:56:38 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

style: add logo at login and register page

Browse Source
This commit is contained in:
RockYang 2023-06-16 18:14:43 +08:00
parent d88219c726
commit 7b5cacd6f1
2 changed files with 22 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
web/src/views/Login.vue
View File

@ -3,6 +3,9 @@
<div class="bg"></div> <div class="bg"></div>
<div class="main"> <div class="main">
<div class="contain"> <div class="contain">
<div class="logo">
<el-image src="images/logo.png" fit="cover" />
</div>
<div class="header">{{ title }}</div> <div class="header">{{ title }}</div>
<div class="content"> <div class="content">
<div class="block"> <div class="block">
@ -105,7 +108,7 @@ const login = function () {
.contain { .contain {
position fixed position fixed
left 50% left 50%
top 50% top 40%
width 90% width 90%
max-width 400px; max-width 400px;
transform translate(-50%, -50%) transform translate(-50%, -50%)
@ -113,6 +116,13 @@ const login = function () {
color #ffffff color #ffffff
border-radius 10px; border-radius 10px;
.logo {
text-align center
.el-image {
width 120px;
}
}
.header { .header {
width 100% width 100%
margin-bottom 24px margin-bottom 24px

11
web/src/views/Register.vue
View File

@ -3,6 +3,10 @@
<div class="bg"></div> <div class="bg"></div>
<div class="main"> <div class="main">
<div class="contain"> <div class="contain">
<div class="logo">
<el-image src="images/logo.png" fit="cover" />
</div>
<div class="header">{{ title }}</div> <div class="header">{{ title }}</div>
<div class="content"> <div class="content">
<el-form :model="formData" label-width="120px" ref="formRef" :rules="rules"> <el-form :model="formData" label-width="120px" ref="formRef" :rules="rules">
@ -141,6 +145,13 @@ const validateMobile = function (mobile) {
border-radius 10px; border-radius 10px;
background rgba(255, 255, 255, 0.3) background rgba(255, 255, 255, 0.3)
.logo {
text-align center
.el-image {
width 120px;
}
}
.header { .header {
width 100% width 100%
margin-bottom 24px margin-bottom 24px