<template>
    <div ref="containerRef" class="absolute inset-0 overflow-hidden">
        <div v-for="(image, index) in images" :key="index" class="absolute inset-0 bg-cover bg-center bg-no-repeat" :style="{ backgroundImage: `url(${image})` }"></div>
    </div>
</template>
<script setup lang="ts">
import { useScroll, useTransform, motion } from 'motion-v';
import {ref} from 'vue';    
import bg1 from '@/assets/imgs/home/bg1.png';

interface ParallaxBackgroundProps {
    images: string[]
}
//内容容器
const containerRef = ref<HTMLElement | null>(null);

const images = ref<string[]>([bg1]);   



</script>