style:优化登录页面样式和全局样式
- 移除 Login.vue 中的多余 padding - 在 App.vue 中添加全局样式重置,确保一致的样式表现 - 更新 App.vue 中的根元素类名,提高代码可读性
This commit is contained in:
parent
d6ba24ae33
commit
bf6eb5b277
12
src/App.vue
12
src/App.vue
|
@ -1,5 +1,5 @@
|
|||
<template>
|
||||
<div id="app">
|
||||
<div class="app-container">
|
||||
<!-- 登录页面不显示布局 -->
|
||||
<router-view v-if="$route.path === '/login'" />
|
||||
<!-- 主应用布局 -->
|
||||
|
@ -14,7 +14,13 @@ import AppLayout from '@/components/AppLayout.vue'
|
|||
</script>
|
||||
|
||||
<style>
|
||||
#app {
|
||||
/* 全局样式重置 */
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.app-container {
|
||||
font-family: 'PingFang SC', 'Microsoft YaHei', Arial, sans-serif;
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
|
|
@ -118,7 +118,6 @@ const handleSubmit = async () => {
|
|||
align-items: center;
|
||||
justify-content: center;
|
||||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.login-card {
|
||||
|
|
Loading…
Reference in New Issue