xinyin025/geekai
1
0
Fork 0
mirror of https://github.com/yangjian102621/geekai.git synced 2025-11-04 08:13:43 +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 1ae9449d92
commit 08529242bf
2 changed files with 22 additions and 1 deletions
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="main">
<div class="contain">
<div class="logo">
<el-image src="images/logo.png" fit="cover" />
</div>
<div class="header">{{ title }}</div>
<div class="content">
<div class="block">
@@ -105,7 +108,7 @@ const login = function () {
.contain {
position fixed
left 50%
top 50%
top 40%
width 90%
max-width 400px;
transform translate(-50%, -50%)
@@ -113,6 +116,13 @@ const login = function () {
color #ffffff
border-radius 10px;
.logo {
text-align center
.el-image {
width 120px;
}
}
.header {
width 100%
margin-bottom 24px

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

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