refactor(frontend):重构关于页面布局

- 使用 n-divider组件替代 h1 标题,提高页面美观度
- 移除多余的 n-card 嵌套,简化页面结构
- 注释掉多余的 h1 标题,优化代码可读性
This commit is contained in:
spark 2025-02-09 16:17:12 +08:00
parent 4d541e81a2
commit 626f99f0d1

View File

@ -23,8 +23,8 @@ onMounted(() => {
<n-space vertical size="large"> <n-space vertical size="large">
<!-- 软件描述 --> <!-- 软件描述 -->
<n-card size="large"> <n-card size="large">
<n-divider title-placement="center">关于软件</n-divider>
<n-space vertical > <n-space vertical >
<h1>关于软件</h1>
<n-image width="100" :src="icon" /> <n-image width="100" :src="icon" />
<h1>go-stock <n-tag size="small" round>{{versionInfo}}</n-tag></h1> <h1>go-stock <n-tag size="small" round>{{versionInfo}}</n-tag></h1>
<div style="justify-self: center;text-align: left" > <div style="justify-self: center;text-align: left" >
@ -40,11 +40,9 @@ onMounted(() => {
<p v-if="updateLog">更新说明{{updateLog}}</p> <p v-if="updateLog">更新说明{{updateLog}}</p>
</div> </div>
</n-space> </n-space>
</n-card> <n-divider title-placement="center">关于作者</n-divider>
<!-- 关于作者 -->
<n-card size="large">
<n-space vertical> <n-space vertical>
<h1>关于作者</h1> <!-- <h1>关于作者</h1>-->
<n-avatar width="100" src="https://avatars.githubusercontent.com/u/7401917?v=4" /> <n-avatar width="100" src="https://avatars.githubusercontent.com/u/7401917?v=4" />
<h2><a href="https://github.com/ArvinLovegood" target="_blank">@ArvinLovegood</a></h2> <h2><a href="https://github.com/ArvinLovegood" target="_blank">@ArvinLovegood</a></h2>
<p>一个热爱编程的小白欢迎关注我的Github</p> <p>一个热爱编程的小白欢迎关注我的Github</p>