Kisechan/Mainpage
1
0
Fork 0
mirror of https://github.com/Kisechan/Mainpage.git synced 2025-07-10 15:17:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

about debug: 因为没有放avatar.jpg所以出了bug

Browse Source
This commit is contained in:
Kisechan
2025-03-04 11:11:24 +08:00
parent 5350defdc3
commit 90c0c9002a
6 changed files with 86 additions and 132 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/views/AboutView.vue
View File

@ -1,22 +1,22 @@
<template>
<div class="about-container">
<NavBar />
<!-- <NavBar /> -->
<el-main>
<el-row :gutter="20">
<!-- 左侧正文 -->
<el-col :span="16">
<el-card>
<h2>关于我</h2>
<p>这里是正文内容...</p>
<h2>ABOUT</h2>
<p>passage...</p>
</el-card>
</el-col>
<!-- 右侧作者信息 -->
<el-col :span="8">
<div class="author-info">
<el-avatar :size="150" :src="require('@/assets/avatar.jpg')" />
<h3>作者姓名</h3>
<p>这里是作者简介...</p>
<!-- <el-avatar :size="150" :src="require('@/assets/avatar.jpg')" /> -->
<h3>name</h3>
<p>info...</p>
</div>
</el-col>
</el-row>
@ -26,20 +26,9 @@
</template>
<style scoped>
.about-container {
min-height: 100vh;
display: flex;
flex-direction: column;
}
.author-info {
text-align: center;
padding: 20px;
background: #f5f7fa;
border-radius: 8px;
}
.el-card {
margin-bottom: 20px;
}
</style>
<script setup>
import NavBar from '@/components/NavBar.vue'
import AppFooter from '@/components/AppFooter.vue'
</script>

22
src/views/HomeView.vue
View File

@ -1,9 +1,10 @@
<template>
<div class="home-container">
<NavBar />
<!-- <NavBar /> -->
<el-main>
<div class="content">
<h1>test</h1>
<h3>Make By Vue + Vite + Element Plus</h3>
<p>Building...</p>
</div>
</el-main>
@ -12,21 +13,8 @@
</template>
<script setup>
import NavBar from '@/components/NavBar.vue'
import AppFooter from '@/components/AppFooter.vue'
import NavBar from "@/components/NavBar.vue";
import AppFooter from "@/components/AppFooter.vue";
</script>
<style scoped>
.home-container {
min-height: 100vh;
display: flex;
flex-direction: column;
}
.content {
max-width: 800px;
margin: 0 auto;
padding: 2rem;
text-align: center;
}
</style>
<style scoped></style>