<template>
    <div class="newsTabsTextSector">
        <div class="newsTabsTextSectorBottomLeft">
            <sectorRightStyle :titleLink1="componentTitle1" :titleLink2="componentTitle2"
                :componentStyle="templateData[0].component_style" :templateData="templateData[0].componentData.data[0]"
                :templateData1="templateData[0].componentData.data[1]" />
        </div>
        <div class="newsTabsTextSectorBottomRight">
            <sectorRightStyle :titleLink1="componentTitle3" :titleLink2="componentTitle4"
                :componentStyle="templateData[1].component_style" :templateData="templateData[1].componentData.data[0]"
                :templateData1="templateData[1].componentData.data[1]" />
        </div>
    </div>
</template>

<script setup>
import sectorRightStyle from '@/components/template/component/list/585x250/2.vue'
const props = defineProps({
    skinId: Number,//皮肤id
    templateData: Object,//新闻数据
});
//该通栏下只有1个组件
const componentTitle1 = {
    alias: props.templateData[0].componentData.data[0].alias,
    aLIas_pinyin: props.templateData[0].componentData.data[0].pinyin,
    is_url: props.templateData[0].componentData.data[0].is_url ?? 0,//如果is_url为空 则默认为0
    children_count: props.templateData[0].componentData.data[0].children_count ?? 0,//如果children_count为空 则默认为0
    cid: props.templateData[0].componentData.data[0].category_id
}
const componentTitle2 = {
    alias: props.templateData[0].componentData.data[1].alias,
    aLIas_pinyin: props.templateData[0].componentData.data[1].pinyin,
    is_url: props.templateData[0].componentData.data[1].is_url ?? 0,//如果is_url为空 则默认为0
    children_count: props.templateData[0].componentData.data[1].children_count ?? 0,//如果children_count为空 则默认为0
    cid: props.templateData[0].componentData.data[1].category_id
}
const componentTitle3 = {
    alias: props.templateData[1].componentData.data[0].alias,
    aLIas_pinyin: props.templateData[1].componentData.data[0].pinyin,
    is_url: props.templateData[1].componentData.data[0].is_url ?? 0,//如果is_url为空 则默认为0
    children_count: props.templateData[1].componentData.data[0].children_count ?? 0,//如果children_count为空 则默认为0
    cid: props.templateData[1].componentData.data[0].category_id
}
const componentTitle4 = {
    alias: props.templateData[1].componentData.data[1].alias,
    aLIas_pinyin: props.templateData[1].componentData.data[1].pinyin,
    is_url: props.templateData[1].componentData.data[1].is_url ?? 0,//如果is_url为空 则默认为0
    children_count: props.templateData[1].componentData.data[1].children_count ?? 0,//如果children_count为空 则默认为0
    cid: props.templateData[1].componentData.data[1].category_id
}

</script>

<style lang="less" scoped>
.newsTabsTextSector {
    width: 1200px;
    height: 250px;
    margin: 0 auto;
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;

    .newsTabsTextSectorBottomLeft {
        width: 585px;
        height: 100%;
    }

    .newsTabsTextSectorBottomRight {
        width: 585px;
        height: 100%;
    }

}
</style>