boyue2025/dbd-meeting-html
3
0
Fork 0
mirror of https://gitee.com/elegant_wings/dbd-meeting-html.git synced 2025-06-21 05:39:36 +08:00
Code Issues Packages Projects Releases Wiki Activity

描述：登录

Browse Source
This commit is contained in:
SelfRidicule 2024-04-08 09:06:28 +08:00
parent 5d730080aa
commit b821378355
4 changed files with 84 additions and 89 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/logo-white.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

2
src/layouts/BasicLayout.vue
View File

@ -12,7 +12,7 @@
<!-- 1.0.0+ 版本 pro-layout 提供 API，我们推荐使用这种方式进行 LOGO 和 title 自定义 --> <!-- 1.0.0+ 版本 pro-layout 提供 API，我们推荐使用这种方式进行 LOGO 和 title 自定义 -->
<template v-slot:menuHeaderRender> <template v-slot:menuHeaderRender>
<div> <div>
<img src="~@/assets/logo.png" style='width: 32px ; height: auto'> <img src="~@/assets/logo-white.png" style='width: 32px ; height: auto'>
<h1>{{ title }}</h1> <h1>{{ title }}</h1>
</div> </div>
</template> </template>

59
src/layouts/UserLayout.vue
View File

@ -1,29 +1,28 @@
<template> <template>
<div id="userLayout" :class="['user-layout-wrapper', isMobile && 'mobile']"> <div id='userLayout' :class="['user-layout-wrapper', isMobile && 'mobile']">
<div class="container"> <div class='container'>
<div class="top"> <div class='top'>
<div class="header"> <div class='header'>
<a href="/"> <div class='logoView'>
<!-- <img src="~@/assets/logo.png" class="logo" alt="logo">--> <img src='~@/assets/logo.png' class='logo' alt='logo'>
<img src="~@/assets/logo.png" class="logo" alt="logo"> <span class='title'>园区管理系统</span>
<span class="title">园区管理系统</span>
</a>
</div> </div>
<div class="desc"> </div>
<div class='desc'>
</div> </div>
</div> </div>
<router-view /> <router-view />
<div class="footer"> <div class='footer'>
<div class="links"> <div class='links'>
<a href="_self">帮助</a> <a href='_self'>帮助</a>
<a href="_self">隐私</a> <a href='_self'>隐私</a>
<a href="_self">条款</a> <a href='_self'>条款</a>
</div> </div>
<div class="copyright"> <div class='copyright'>
<a target="_blank" href="https://beian.miit.gov.cn">浙ICP备2021888888号</a> <a target='_blank' href='https://beian.miit.gov.cn'>浙ICP备2021888888号</a>
</div> </div>
</div> </div>
</div> </div>
@ -45,7 +44,7 @@ export default {
} }
</script> </script>
<style lang="less" scoped> <style lang='less' scoped>
#userLayout.user-layout-wrapper { #userLayout.user-layout-wrapper {
height: 100%; height: 100%;
@ -77,21 +76,14 @@ export default {
height: 44px; height: 44px;
line-height: 44px; line-height: 44px;
.badge { .logoView {
position: absolute; display: flex;
display: inline-block; justify-content: center;
line-height: 1; align-items: center;
vertical-align: middle;
margin-left: -12px;
margin-top: -10px;
opacity: 0.8;
}
.logo { .logo {
height: 44px; height: 34px;
vertical-align: top;
margin-right: 16px; margin-right: 16px;
border-style: none;
} }
.title { .title {
@ -99,10 +91,10 @@ export default {
color: rgba(0, 0, 0, .85); color: rgba(0, 0, 0, .85);
font-family: Avenir, 'Helvetica Neue', Arial, Helvetica, sans-serif; font-family: Avenir, 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-weight: 600; font-weight: 600;
position: relative;
top: 2px;
} }
} }
}
.desc { .desc {
font-size: 14px; font-size: 14px;
color: rgba(0, 0, 0, 0.45); color: rgba(0, 0, 0, 0.45);
@ -128,14 +120,17 @@ export default {
.links { .links {
margin-bottom: 8px; margin-bottom: 8px;
font-size: 14px; font-size: 14px;
a { a {
color: rgba(0, 0, 0, 0.45); color: rgba(0, 0, 0, 0.45);
transition: all 0.3s; transition: all 0.3s;
&:not(:last-child) { &:not(:last-child) {
margin-right: 40px; margin-right: 40px;
} }
} }
} }
.copyright { .copyright {
color: rgba(0, 0, 0, 0.45); color: rgba(0, 0, 0, 0.45);
font-size: 14px; font-size: 14px;

2
src/views/user/Login.vue
View File

@ -35,7 +35,7 @@
</a-input-password> </a-input-password>
</a-form-item> </a-form-item>
</a-tab-pane> </a-tab-pane>
<a-tab-pane key="tab2" tab="手机号登录"> <a-tab-pane key="tab2" tab="手机号登录" v-if='false'>
<a-form-item> <a-form-item>
<a-input <a-input
size="large" size="large"