feat:修改登录页和首页

This commit is contained in:
lixiaolong 2025-11-20 16:44:51 +08:00
parent 6558135b8e
commit d953a20ce7
8 changed files with 41 additions and 5 deletions

View File

@ -1,5 +1,5 @@
# 页面标题 # 页面标题
VITE_APP_TITLE = 招商车研物联网平台 VITE_APP_TITLE = 招商车研AI测评机器人模拟测试平台
# 开发环境配置 # 开发环境配置
VITE_APP_ENV = 'development' VITE_APP_ENV = 'development'

View File

@ -1,5 +1,5 @@
# 页面标题 # 页面标题
VITE_APP_TITLE = 招商车研物联网平台 VITE_APP_TITLE = 智能座舱测评AI机器人
# 生产环境配置 # 生产环境配置
VITE_APP_ENV = 'production' VITE_APP_ENV = 'production'

Binary file not shown.

After

Width:  |  Height:  |  Size: 314 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 509 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 509 KiB

After

Width:  |  Height:  |  Size: 215 KiB

View File

@ -1,6 +1,9 @@
<template> <template>
<div class="app-container home"> <div class="app-container home">
首页 <div class="title">
<p>招商车研AI测评机器人</p>
<p>模拟测试平台</p>
</div>
</div> </div>
</template> </template>
@ -9,5 +12,29 @@
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
p {
margin: 0;
}
.title {
display: flex;
flex-direction: column;
font-weight: bold;
gap: 5px;
justify-content: center;
font-size: 60px;
text-align: center;
width: 100%;
height: 100%;
}
.title::before {
content: "";
position: absolute;
inset: 0;
width: 100%;
background-image: url("../assets/images/index-background.jpg");
height: 100%;
background-size: cover;
opacity: 0.4; /* 只在这层做透明 */
}
</style> </style>

View File

@ -1,7 +1,7 @@
<template> <template>
<div class="login"> <div class="login">
<el-form ref="loginRef" :model="loginForm" :rules="loginRules" class="login-form"> <el-form ref="loginRef" :model="loginForm" :rules="loginRules" class="login-form">
<h3 class="title">招商车研物联网平台</h3> <h3 class="title">招商车研AI测评机器人模拟测试平台</h3>
<el-form-item prop="username"> <el-form-item prop="username">
<el-input <el-input
v-model="loginForm.username" v-model="loginForm.username"
@ -168,8 +168,17 @@ getCookie();
justify-content: center; justify-content: center;
align-items: center; align-items: center;
height: 100%; height: 100%;
}
.login::before {
content: "";
position: absolute;
inset: 0;
width: 100%;
background-image: url("../assets/images/login-background.jpg"); background-image: url("../assets/images/login-background.jpg");
height: 100%;
background-size: cover; background-size: cover;
opacity: 0.2; /* 只在这层做透明 */
z-index: -1;
} }
.title { .title {
margin: 0px auto 30px auto; margin: 0px auto 30px auto;

View File

@ -1,7 +1,7 @@
<template> <template>
<div class="register"> <div class="register">
<el-form ref="registerRef" :model="registerForm" :rules="registerRules" class="register-form"> <el-form ref="registerRef" :model="registerForm" :rules="registerRules" class="register-form">
<h3 class="title">招商车研物联网平台</h3> <h3 class="title">智能座舱测评AI机器人</h3>
<el-form-item prop="username"> <el-form-item prop="username">
<el-input <el-input
v-model="registerForm.username" v-model="registerForm.username"