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

app.vue

Browse Source
This commit is contained in:
Kisechan
2025-03-04 10:31:39 +08:00
parent 20f211ce23
commit 5350defdc3
10 changed files with 480 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files

91
src/views/AboutView.vue
View File

@ -1,48 +1,45 @@
<template>
<div class="about-container">
<NavBar />
<el-main>
<el-row :gutter="20">
<!-- 左侧正文 -->
<el-col :span="16">
<el-card>
<h2>关于我</h2>
<p>这里是正文内容...</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>
</div>
</el-col>
</el-row>
</el-main>
<AppFooter />
</div>
</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>
<div class="about-container">
<NavBar />
<el-main>
<el-row :gutter="20">
<!-- 左侧正文 -->
<el-col :span="16">
<el-card>
<h2>关于我</h2>
<p>这里是正文内容...</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>
</div>
</el-col>
</el-row>
</el-main>
<AppFooter />
</div>
</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>

2
src/views/HomeView.vue
View File

@ -4,7 +4,7 @@
<el-main>
<div class="content">
<h1>test</h1>
<p>你说得对</p>
<p>Building...</p>
</div>
</el-main>
<AppFooter />