<template>
    <div class="newsTextTabsSectorBox">
        <div class="newsTextTabsSectorTitle">
            <img src="https://img.bjzxtw.org.cn/pre/image/png/20251203/1764725298842309.png" alt="">
        </div>
        <div class="newsTextTabsSector">
            <div class="newsTextTabsSectorLeft">
                <!--左侧组件皮肤5-->
                <div v-if="skinId==6">
                    <left1Style 
                        :titleLink="componentTitle" 
                        :templateData="templateData[0].componentData.data"
                        :componentStyle="templateData[0].component_style"
                    />
                </div>
            </div>
            <div class="newsTextTabsSectorRight">
                <div v-if="skinId==6">
                    <right1Style 
                        :titleLink="componentTitle1" 
                        :templateData="templateData[1].componentData.data"
                        :componentStyle="templateData[1].component_style"
                    />
                </div>
            </div>
        </div>
    </div>
</template>

<script setup>
//左侧组件
import left1Style from '@/components/template/component/list/790x360/1.vue'
// 右侧组件
import right1Style from '@/components/template/component/list/380x360/1.vue'

//暂无数据
import nodata from '@/components/template/component/public/nodata.vue'
const props = defineProps({
    skinId: Number,//皮肤id
    templateData:Object,//新闻数据
    testData:Object,//接口数据
});
//该栏目下有两个组件 此时需要提供children_count来判断是否跳转到频道页
const componentTitle = {
    alias:props.templateData[0].componentData.data.alias,
    aLIas_pinyin:props.templateData[0].componentData.data.pinyin,
    is_url: props.templateData[0].componentData.data.is_url ?? 0,//如果is_url为空 则默认为0
    children_count: props.templateData[0].componentData.data.children_count ?? 0,//如果children_count为空 则默认为0
    cid:props.templateData[0].componentData.data.category_id
}
const componentTitle1 = {
    alias:props.templateData[1].componentData.data.alias,
    aLIas_pinyin:props.templateData[1].componentData.data.pinyin,
    is_url: props.templateData[1].componentData.data.is_url ?? 0,//如果is_url为空 则默认为0
    children_count: props.templateData[1].componentData.data.children_count ?? 0,//如果children_count为空 则默认为0
    cid:props.templateData[1].componentData.data.category_id
}


</script>

<style lang="less" scoped>
//基本样式 start ---------------------------------------->
.newsTextTabsSectorBox {
    width: 100%;
    height: 430px;
    margin-bottom: 30px;
    margin-top: 20px;
    box-sizing: content-box;
    .newsTextTabsSectorTitle{
        width: 1200px;
        height: 70px;
        margin:0 auto;
        img{
            width: 1200px;
            height: 32px;
            margin-top: 9px;
        }
    }
    .newsTextTabsSector {
        width: 1200px;
        height: 360px;
        margin:0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .newsTextTabsSectorLeft {
        width: 790px;
        height: 360px;
        position: relative;
    }
    .newsTextTabsSectorRight {
        width: 380px;
        height:360px;
        position: relative;
    }
}
//基本样式 end ---------------------------------------->
</style>