You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
29 lines
863 B
29 lines
863 B
<template>
|
|
<Header />
|
|
<template v-if="!route.meta.hiddenBanner">
|
|
<BannerSearch v-if="store.getMenuTheme === 'dark'&&store.getHomeBanner == false" />
|
|
<BannerSimple :title="store.getBannerTitle" v-else-if="store.getMenuTheme === 'light'&&store.getHomeBanner == false" />
|
|
<BannerHomeBanner v-else></BannerHomeBanner>
|
|
</template>
|
|
<!-- <div :style="`transition:margin .2s;height: 500px;background-color: tan;margin-top: ${store.getMenuTheme === 'dark' ? '-100px': 0}`"></div>-->
|
|
<slot />
|
|
<Footer />
|
|
|
|
<Login v-if="loginStatus" />
|
|
</template>
|
|
|
|
<script setup>
|
|
|
|
const store = useAppStore()
|
|
const route = useRoute()
|
|
const loginStatus = ref(useUserInfo().getLoginVisible)
|
|
|
|
watchEffect(()=>{
|
|
loginStatus.value = useUserInfo().getLoginVisible;
|
|
console.log('loginStatus>>>', loginStatus.value)
|
|
})
|
|
// console.log()
|
|
</script>
|
|
|
|
<style scoped></style>
|