<template>
    <div id='item-root'>
        <ContentBlock :class=props.contentClass :style="{ top: itemSides.height * 0 }" :=contentBlockProps :index=0
            title="img标签ObjectFit">
            <ImgLayout />
        </ContentBlock>
    </div>
</template>

<script setup>
import ContentBlock from '../ContentBlock.vue';
import ImgLayout from './ImgLayout.vue';
import { computed } from "vue"

const props = defineProps({
    contentClass: String,
    itemSides: Object
})
const contentBlockProps = computed(() => {
    return {
        colIndex: 0,
        itemSides: { ...props.itemSides, height: props.itemSides.height * 2 }
    }
})
</script>