<template>
    <div>
        <div v-if="skinId == 5">
            <banner5Style :skinId="skinId" :templateData="templateData" />
        </div>
        <div v-if="skinId == 6">
            <banner6Style :skinId="skinId" :templateData="templateData" />
        </div>
    </div>
</template>

<script setup>
//皮肤5焦点图组件
import banner5Style from '@/components/template/component/banner/1200x410/1.vue'
// 皮肤6焦点图组件
import banner6Style from '@/components/template/component/banner/1200x410/2.vue'
//暂无数据
import nodata from '@/components/template/component/public/nodata.vue'
const props = defineProps({
    skinId: Number,//皮肤id
    templateData: Object,//新闻数据
});
const componentStyle = computed(() => {
    return props.templateData[0].component_style
})
</script>

<style lang="less" scoped></style>