test/geekai
1
0
Fork 0
mirror of https://gitee.com/blackfox/geekai.git synced 2024-12-02 12:17:42 +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="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