6226cbac16
- Updated `index.html` to include Google Fonts for improved typography. - Refactored `App.vue` to utilize new font styles and added a white background for better contrast. - Redesigned `Home.vue` to introduce a navigation bar, a hero section with a new logo, and a structured dashboard layout for project simulation steps. - Added a new logo image `MiroFish_logo_left.jpeg` to enhance branding. - Improved overall styling and responsiveness across components for a more cohesive user experience.
48 lines
706 B
Vue
48 lines
706 B
Vue
<template>
|
|
<router-view />
|
|
</template>
|
|
|
|
<script setup>
|
|
// 使用 Vue Router 来管理页面
|
|
</script>
|
|
|
|
<style>
|
|
/* 全局样式重置 */
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
#app {
|
|
font-family: 'JetBrains Mono', 'Space Grotesk', monospace;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
color: #000000;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
/* 滚动条样式 */
|
|
::-webkit-scrollbar {
|
|
width: 8px;
|
|
height: 8px;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
background: #f1f1f1;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background: #000000;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: #333333;
|
|
}
|
|
|
|
/* 全局按钮样式 */
|
|
button {
|
|
font-family: inherit;
|
|
}
|
|
</style>
|