💬 更新头部页面文字

This commit is contained in:
bunny 2025-07-01 21:37:47 +08:00
parent 30a37837c7
commit 4c56bb6890
1 changed files with 20 additions and 8 deletions

View File

@ -5,12 +5,24 @@ const {defineComponent} = Vue;
const AppHeader = defineComponent({ const AppHeader = defineComponent({
name: "AppHeader", name: "AppHeader",
template: ` template: `
<div class="text-center mb-4"> <header class="app-header">
<h2 class="text-primary fw-bold"> <div class="header-content text-center mb-4 p-4 bg-light rounded shadow-sm">
<i class="bi bi-code-square me-2"></i> <h2 class="text-primary fw-bold mb-3">
Bunny代码生成器 <i class="bi bi-code-square me-2"></i>
</h2> Bunny{{ title || '代码生成器' }}
<p class="text-muted">快速生成数据库表对应的代码</p> </h2>
</div> <p class="text-muted mb-0">
` 快速生成数据库表对应的代码这里可以跳转到
<a href="/database" class="text-decoration-none"><i class="bi bi-database-fill"></i></a>
<a href="/sql" class="text-decoration-none"><i class="bi bi-filetype-sql"></i>SQL</a>
</p>
</div>
</header>
`,
data() {
return {
title: document.title,
}
}
}); });