<script setup lang="ts">
import { ref, onMounted, onUnmounted, reactive, toRefs } from "vue";
import { gsap, TweenMax, TweenLite } from 'gsap'
import { ScrollTrigger } from 'gsap/ScrollTrigger'
//const props = defineProps({
//})
//const emit = defineEmits([
//])
let data = reactive({
})
onMounted(()=>{
})
onUnmounted(()=>{
})
defineExpose({})
const {} = toRefs(data);
</script>
<template>
	<section class="product">
		<br v-for="item in 50" />
		<div class="aa" >1231312</div>
		<div class="aa" v-tween-animation>1231312</div>
		<br v-for="item in 10" />
	</section>
</template>
<style lang="less" scoped>
	.product{
		width: 100%;
	}
</style>