56 lines
1004 B
Vue
56 lines
1004 B
Vue
<template>
|
|
<div>
|
|
<Layout></Layout>
|
|
</div>
|
|
</template>
|
|
<script setup>
|
|
import Layout from "@/components/layout/index.vue";
|
|
import { gsap } from "gsap";
|
|
|
|
import { ScrollTrigger } from "gsap/ScrollTrigger";
|
|
|
|
gsap.registerPlugin(ScrollTrigger);
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
body,
|
|
html {
|
|
padding: 0;
|
|
margin: 0;
|
|
line-height: 1.1;
|
|
font-family: "ui-sans-serif", "system-ui", "-apple-system",
|
|
"BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial",
|
|
"Noto Sans", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji",
|
|
"Segoe UI Symbol", "Noto Color Emoji";
|
|
audio,
|
|
canvas,
|
|
embed,
|
|
iframe,
|
|
img,
|
|
object,
|
|
svg,
|
|
video {
|
|
display: block;
|
|
vertical-align: middle;
|
|
}
|
|
img,
|
|
video {
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
}
|
|
.fade-enter-active,
|
|
.fade-leave-active {
|
|
transition: opacity 0.5s ease;
|
|
}
|
|
|
|
.fade-enter-from,
|
|
.fade-leave-to {
|
|
opacity: 0;
|
|
}
|
|
@font-face {
|
|
font-family: "MyFont";
|
|
src: url("/fonts/myfont.ttf") format("truetype");
|
|
}
|
|
</style>
|