carry/mini-rbac
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 登录页、主页logo优化

Browse Source
This commit is contained in:
zy7y 2022-09-14 09:48:23 +08:00
parent d79b39b7eb
commit 78ce85ba57
4 changed files with 27 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
backend/mini.db-shm Normal file
View File

Binary file not shown.

BIN
backend/mini.db-wal Normal file
View File

Binary file not shown.

28
frontend/src/components/layout/sider-menu.vue
View File

@ -15,7 +15,10 @@ const menuClick = (menu) => {
<template> <template>
<div class="sider-menu"> <div class="sider-menu">
<div class="logo"></div> <div class="logo">
<img src="@/assets/img/fastapi.svg" />
<h1>Mini RBAC</h1>
</div>
<a-menu theme="dark" mode="inline" v-model:selectedKeys="store.selectKey"> <a-menu theme="dark" mode="inline" v-model:selectedKeys="store.selectKey">
<template v-for="menu in store.userMenus" :key="menu.id"> <template v-for="menu in store.userMenus" :key="menu.id">
<!-- 0 目录 顶层菜单 --> <!-- 0 目录 顶层菜单 -->
@ -43,10 +46,27 @@ const menuClick = (menu) => {
<style scoped> <style scoped>
.logo { .logo {
position: relative;
display: flex; display: flex;
align-items: center;
padding: 16px 16px;
line-height: 32px;
cursor: pointer;
}
.logo img {
display: inline-block;
height: 32px; height: 32px;
background: rgba(255, 255, 255, 0.3); vertical-align: middle;
margin: 16px; transition: height 0.2s;
background-size: 100% 100%; }
.logo h1 {
margin: 0 0 0 12px;
overflow: hidden;
color: #fff;
font-weight: 600;
font-size: 18px;
line-height: 32px;
} }
</style> </style>

5
frontend/src/views/login/login.vue
View File

@ -84,20 +84,21 @@ const submitForm = (formEl) => {
<style scoped> <style scoped>
.login { .login {
display: flex; display: flex;
background-color: #2d3a4b;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
text-align: center; text-align: center;
width: 100%; width: 100%;
height: 100%; height: 100%;
background-image: url("@/assets/img/background.svg");
} }
.continer { .continer {
width: 300px; width: 300px;
height: 300px; height: 300px;
} }
.continer h1 { .continer h1 {
color: #fff; /* color: #fff; */
margin-bottom: 30px;
} }
.continer .ant-btn { .continer .ant-btn {
width: 100%; width: 100%;