样式修正,支持配置登录方式、icon等

This commit is contained in:
2025-12-24 14:12:44 +08:00
parent 3d1e19030a
commit 3499a516fe
33 changed files with 246 additions and 345 deletions

View File

@@ -20,9 +20,9 @@
<div class="register-header">
<div class="logo-section">
<div class="logo">
<img src="@/assets/imgs/logo-icon.svg" alt="Logo" />
<img :src="loginLogoUrl" alt="Logo" />
</div>
<h1 class="platform-title">红色思政学习平台</h1>
<h1 class="platform-title">{{ systemName }}</h1>
</div>
<h2 class="register-title">{{ registerTypeTitle }}</h2>
@@ -215,6 +215,8 @@ const store = useStore();
// 获取系统配置
const smsLoginEnabled = computed(() => store.getters['system/smsLoginEnabled']);
const emailLoginEnabled = computed(() => store.getters['system/emailLoginEnabled']);
const systemName = computed(() => store.getters['system/systemName']);
const loginLogoUrl = computed(() => store.getters['system/loginLogoUrl']);
// 注册方式
const registerType = ref<RegisterType>(RegisterType.USERNAME);
@@ -617,16 +619,14 @@ onUnmounted(() => {
.logo {
width: 36px;
height: 36px;
background: #C62828;
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
padding: 3px;
img {
width: 30px;
height: 30px;
width: 100%;
height: 100%;
object-fit: contain;
}
}