mirror of
https://github.com/pure-admin/vue-pure-admin.git
synced 2025-06-09 09:57:19 +08:00
45 lines
697 B
Vue
45 lines
697 B
Vue
<template>
|
|
<a
|
|
class="title"
|
|
:aria-label="$site.title + ', back to home'"
|
|
:href="$site.base"
|
|
>
|
|
<img
|
|
class="logo"
|
|
v-if="$theme.logo"
|
|
:src="withBase($theme.logo)"
|
|
alt="logo"
|
|
/>
|
|
<span>{{ $site.title }}</span>
|
|
</a>
|
|
<div class="flex-grow"></div>
|
|
<NavBarLinks class="hide-mobile" />
|
|
<slot name="search" />
|
|
</template>
|
|
|
|
<script src="./NavBar"></script>
|
|
|
|
<style>
|
|
.title {
|
|
font-size: 1.3rem;
|
|
font-weight: 600;
|
|
color: var(--text-color);
|
|
}
|
|
|
|
.flex-grow {
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.logo {
|
|
margin-right: 0.75rem;
|
|
height: 1.3rem;
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
@media screen and (max-width: 719px) {
|
|
.hide-mobile {
|
|
display: none;
|
|
}
|
|
}
|
|
</style>
|