แก้ router
This commit is contained in:
parent
6a699e0004
commit
feb0070f95
3 changed files with 3 additions and 7 deletions
|
|
@ -1,7 +1,7 @@
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
</script>
|
</script>
|
||||||
<template>
|
<template>
|
||||||
<div class="col-12 row justify-center text-h6 text-dark">ติดต่อเรา</div>
|
<div class="col-12 row justify-center text-h6 text-dark">Maintenance</div>
|
||||||
<div class="col-12 q-pt-md "></div>
|
<div class="col-12 q-pt-md "></div>
|
||||||
<div class="col-12"><q-separator color="grey-4" /></div>
|
<div class="col-12"><q-separator color="grey-4" /></div>
|
||||||
|
|
||||||
|
|
@ -27,13 +27,11 @@ const router = createRouter({
|
||||||
name: "organizational",
|
name: "organizational",
|
||||||
component: Organizational,
|
component: Organizational,
|
||||||
},
|
},
|
||||||
|
|
||||||
{
|
{
|
||||||
path: "/contact",
|
path: "/contact",
|
||||||
name: "contact",
|
name: "contact",
|
||||||
component: Contact,
|
component: Contact,
|
||||||
},
|
},
|
||||||
|
|
||||||
{
|
{
|
||||||
path: "/maintenance",
|
path: "/maintenance",
|
||||||
name: "maintenance",
|
name: "maintenance",
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,6 @@
|
||||||
import { ref} from "vue";
|
import { ref} from "vue";
|
||||||
import { useRouter } from "vue-router";
|
import { useRouter } from "vue-router";
|
||||||
import { useQuasar } from "quasar";
|
import { useQuasar } from "quasar";
|
||||||
|
|
||||||
const router = useRouter();
|
const router = useRouter();
|
||||||
|
|
||||||
const $q = useQuasar();
|
const $q = useQuasar();
|
||||||
|
|
@ -61,7 +60,7 @@ const clickMain = (val: string) => {
|
||||||
tab.value=val
|
tab.value=val
|
||||||
};
|
};
|
||||||
|
|
||||||
const clickTab= (val2: string,el: any ) => {
|
const clickTab= (val2: string) => {
|
||||||
router.push(val2)
|
router.push(val2)
|
||||||
window.scrollTo({ top: 0, left: 0, behavior: 'smooth' });
|
window.scrollTo({ top: 0, left: 0, behavior: 'smooth' });
|
||||||
};
|
};
|
||||||
|
|
@ -87,8 +86,7 @@ const onScroll = (info: any) => { scrollInfo.value = info}
|
||||||
</script>
|
</script>
|
||||||
<!-- โครงเว็บ -->
|
<!-- โครงเว็บ -->
|
||||||
<template>
|
<template>
|
||||||
<q-layout view="hHh LpR fFr" @scroll="onScroll" >
|
<q-layout view="hHh LpR fFr" @scroll="onScroll" >
|
||||||
|
|
||||||
<!-- header -->
|
<!-- header -->
|
||||||
<q-header flat :class="scrollInfo.position >= 10 ? 'text-dark col-12 bgHeader': 'text-dark col-12 bg-transparent'" height-hint="7">
|
<q-header flat :class="scrollInfo.position >= 10 ? 'text-dark col-12 bgHeader': 'text-dark col-12 bg-transparent'" height-hint="7">
|
||||||
<q-toolbar class="items-center" :style="$q.screen.gt.xs ? 'padding: 1% 2%;': 'padding: 1% 4%;'">
|
<q-toolbar class="items-center" :style="$q.screen.gt.xs ? 'padding: 1% 2%;': 'padding: 1% 4%;'">
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue