ContiNew/continew-admin-ui
1
1
Fork 0
mirror of https://github.com/continew-org/continew-admin-ui.git synced 2025-10-16 08:57:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: 新增用户注册，忘记密码，系统全局字体

Browse Source
This commit is contained in:
liuzhi
2025-03-18 16:04:53 +08:00
committed by Charles7c
parent c8a3bb5e72
commit 47a6c454ff
19 changed files with 20 additions and 1485 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
src/views/login/index.vue
View File

@@ -1,18 +1,14 @@
<template>
<div v-if="isDesktop" class="login pc">
<h3 v-if="title !== 'SakurA Platform'" class="login-logo">
<!-- <img v-if="logo" :src="logo" alt="logo" />
<img v-else src="/logo.svg" alt="logo" /> -->
<img :class="title === 'SakurA Platform' ? 'login-logo-img1' : 'login-logo-img'" :src="logo" alt="logo" />
<h3 class="login-logo">
<img v-if="logo" :src="logo" alt="logo" />
<img v-else src="/logo.svg" alt="logo" />
<span>{{ title }}</span>
</h3>
<a-row align="stretch" class="login-box">
<a-col :xs="0" :sm="10" :md="11">
<div class="login-left" :class="title === 'SakurA Platform' ? 'sakura-bg' : 'background'">
<img v-if="title !== 'SakurA Platform'" class="login-left__img" src="@/assets/images/banner.png" alt="banner" />
<img :class="title === 'SakurA Platform' ? 'login-left__log1' : 'login-left__log'" :src="logo" alt="logo" />
<div v-if="title === 'SakurA Platform'" class="login-left__title">{{ title === 'SakurA Platform' ? 'SakurA 自动化平台' : title }}</div>
<div v-if="title === 'SakurA Platform'" class="login-left__version">{{ version }}</div>
<div class="login-left">
<img class="login-left__img" src="@/assets/images/banner.png" alt="banner" />
</div>
</a-col>
<a-col :xs="24" :sm="10" :md="13">
@@ -33,7 +29,7 @@
</a-tabs>
<h3 v-if="authStore.isEmailLogin" class="login-right__title">邮箱登录</h3>
<EmailLogin v-if="authStore.isEmailLogin" />
<h3 v-if="authStore.isForgotPassword" class="login-right__title">修改密码</h3>
<h3 v-if="authStore.isForgotPassword" class="login-right__title">忘记密码</h3>
<PasswordLogin v-if="authStore.isForgotPassword" />
<div class="login-right__oauth">
<div v-show="!authStore.isRegister">
@@ -69,9 +65,8 @@
<Background />
</div>
<div v-else class="login h5">
<div class="login-logo" :class="{ 'sakura-pd': title === 'SakurA Platform' }">
<!-- <img v-if="logo" :src="logo" alt="logo" /> -->
<img v-if="logo" :class="title === 'SakurA Platform' ? 'login-logo-img1' : 'login-logo-img'" :src="logo" alt="logo" />
<div class="login-logo">
<img v-if="logo" :src="logo" alt="logo" />
<img v-else src="/logo.svg" alt="logo" />
<span>{{ title }}</span>
</div>
@@ -226,28 +221,18 @@ onMounted(() => {
font-size: 20px;
line-height: 32px;
display: flex;
&.sakura-pd {
padding: 0 10px;
}
&:not(.sakura-pd) {
padding: 0 20px;
}
padding: 0 20px;
align-items: center;
justify-content: start;
background-image: url('/src/assets/images/login_h5.jpg');
background-size: 100% 100%;
box-sizing: border-box;
&-img {
img {
width: 34px;
height: 34px;
margin-right: 8px;
}
&-img1 {
width: 50px;
height: 50px;
}
}
&-box {
@@ -441,18 +426,10 @@ onMounted(() => {
justify-content: center;
align-items: center;
&-img {
img {
width: 34px;
height: 34px;
margin-right: 8px;
// width: 60px;
// height: 60px;
// margin-right: -5px;
}
&-img1 {
width: 50px;
height: 50px;
}
}
@@ -480,15 +457,7 @@ onMounted(() => {
/* 子项之间的垂直间距 */
position: relative;
overflow: hidden;
// background: linear-gradient(60deg, rgb(var(--primary-6)), rgb(var(--primary-3)));
&.background {
background: linear-gradient(60deg, rgb(var(--primary-6)), rgb(var(--primary-3)));
background-size: 110%;
}
&.sakura-bg {
background: url(@/assets/images/left-bg.png) no-repeat center top;
background-size: 110%;
}
background: linear-gradient(60deg, rgb(var(--primary-6)), rgb(var(--primary-3)));
&__img {
width: 100%;
@@ -502,17 +471,6 @@ onMounted(() => {
object-fit: cover;
}
&__log {
width: 50px !important;
height: 50px !important;
margin-bottom: 20px;
}
&__log1 {
width: 100px !important;
height: 100px !important;
}
&__title {
font-size: 22px;
font-weight: 600;