44 lines
1.2 KiB
Vue
44 lines
1.2 KiB
Vue
<script setup lang="ts">
|
|
const $q = useQuasar()
|
|
|
|
// บังคับให้หน้า Landing Page เคลียร์ Dark Mode ของระบบทิ้ง
|
|
useHead({
|
|
htmlAttrs: {
|
|
class: 'light',
|
|
style: 'background-color: #ffffff'
|
|
},
|
|
bodyAttrs: {
|
|
class: 'light',
|
|
style: 'background-color: #ffffff'
|
|
}
|
|
})
|
|
|
|
onMounted(() => {
|
|
$q.dark.set(false)
|
|
})
|
|
</script>
|
|
|
|
|
|
<template>
|
|
<q-layout view="lHh LpR lFf" class="bg-white text-slate-900">
|
|
|
|
|
|
<!-- ส่วนหัวของเพจ (แบบโปร่งใส และซ้อนทับให้โชว์เนื้อหาพื้นหลังได้) -->
|
|
<q-header class="bg-transparent" style="height: auto;">
|
|
<LandingHeader />
|
|
</q-header>
|
|
|
|
<!-- ส่วนเนื้อหาหลัก -->
|
|
<!-- แทรก style padding-top: 0 บังคับให้เนื้อหาใต้ Header ชนชิดด้านบนสุด (ทำเป็น Hero section สวยๆ) -->
|
|
<q-page-container style="padding-top: 0 !important;">
|
|
<q-page>
|
|
<slot />
|
|
</q-page>
|
|
</q-page-container>
|
|
|
|
<!-- ส่วนท้ายของเพจ -->
|
|
<LandingFooter />
|
|
|
|
|
|
</q-layout>
|
|
</template>
|