<template>
    <div class="listNewsBox">
        <div class="listNewsTitle" v-if="componentStyle <= 12">
            <NuxtLink v-if="titleLink.cid" :href="getLinkPath(titleLink)" :title="titleLink.alias">
                <div>{{ titleLink.alias }}</div>
            </NuxtLink>
        </div>
        <div class="listNewsTitle dashed" v-if="componentStyle >= 13">
            <NuxtLink v-if="titleLink.cid" :href="getLinkPath(titleLink)" :title="titleLink.alias">
                <div>{{ titleLink.alias }}</div>
            </NuxtLink>
        </div>
        <!--样式1-->
        <div class="listNewsContent" v-if="componentStyle == 1">
            <div class="active" v-for="item in component_style1_News1Array_1" :key="item.id">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    <div class="activeText">
                        {{ item.title }}
                    </div>
                    <div class="detail">查看详情</div>
                </NuxtLink>
            </div>
            <div v-for="item in component_style1_News1Array_2" class="text">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    {{ item.title }}
                </NuxtLink>
            </div>
        </div>
        <!--样式2-->
        <div class="listNewsContent" v-if="componentStyle == 2">
            <div v-for="item in component_style1_News1Array_1" class="text">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    {{ item.title }}
                </NuxtLink>
            </div>
            <div class="active" v-for="item in component_style1_News1Array_3" :key="item.id">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    <div class="activeText">
                        {{ item.title }}
                    </div>
                    <div class="detail">查看详情</div>
                </NuxtLink>
            </div>
            <div v-for="item in component_style1_News1Array_4" class="text">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    {{ item.title }}
                </NuxtLink>
            </div>
        </div>
        <!--样式3-->
        <div class="listNewsContent" v-if="componentStyle == 3">
            <div v-for="item in component_style1_News1Array_5" class="text">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    {{ item.title }}
                </NuxtLink>
            </div>
            <div class="active" v-for="item in component_style1_News1Array_6" :key="item.id">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    <div class="activeText">
                        {{ item.title }}
                    </div>
                    <div class="detail">查看详情</div>
                </NuxtLink>
            </div>
            <div v-for="item in component_style1_News1Array_7" class="text">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    {{ item.title }}
                </NuxtLink>
            </div>
        </div>
        <!--样式4-->
        <div class="listNewsContent" v-if="componentStyle == 4">
            <div v-for="item in component_style1_News1Array_8" class="text">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    {{ item.title }}
                </NuxtLink>
            </div>
            <div class="active" v-for="item in component_style1_News1Array_9" :key="item.id">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    <div class="activeText">
                        {{ item.title }}
                    </div>
                    <div class="detail">查看详情</div>
                </NuxtLink>
            </div>
            <div v-for="item in component_style1_News1Array_10" class="text">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    {{ item.title }}
                </NuxtLink>
            </div>
        </div>
        <!--样式5-->
        <div class="listNewsContent" v-if="componentStyle == 5">
            <div v-for="item in component_style1_News1Array_11" class="text">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    {{ item.title }}
                </NuxtLink>
            </div>
            <div class="active" v-for="item in component_style1_News1Array_12" :key="item.id">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    <div class="activeText">
                        {{ item.title }}
                    </div>
                    <div class="detail">查看详情</div>
                </NuxtLink>
            </div>
            <div v-for="item in component_style1_News1Array_13" class="text">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    {{ item.title }}
                </NuxtLink>
            </div>
        </div>
        <!--样式6-->
        <div class="listNewsContent style6" v-if="componentStyle == 6">
            <div v-for="item in component_style1_News1Array_14" class="text">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    {{ item.title }}
                </NuxtLink>
            </div>
            <div class="active" v-for="item in component_style1_News1Array_15" :key="item.id">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    <div class="activeText">
                        {{ item.title }}
                    </div>
                    <div class="detail">查看详情</div>
                </NuxtLink>
            </div>
        </div>
        <!--样式7-->
        <div class="listNewsContent" v-if="componentStyle == 7">
            <div class="active" v-for="item in component_style1_News1Array_1" :key="item.id">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    <div class="activeText">
                        {{ item.title }}
                    </div>
                    <div class="detail">查看详情</div>
                </NuxtLink>
            </div>
            <div v-for="item in component_style1_News1Array_2" class="text bg_blue">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    {{ item.title }}
                </NuxtLink>
            </div>
        </div>
        <!--样式8-->
        <div class="listNewsContent" v-if="componentStyle == 8">
            <div v-for="item in component_style1_News1Array_1" class="text bg_blue">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    {{ item.title }}
                </NuxtLink>
            </div>
            <div class="active" v-for="item in component_style1_News1Array_3" :key="item.id">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    <div class="activeText">
                        {{ item.title }}
                    </div>
                    <div class="detail">查看详情</div>
                </NuxtLink>
            </div>
            <div v-for="item in component_style1_News1Array_4" class="text bg_blue">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    {{ item.title }}
                </NuxtLink>
            </div>
        </div>
        <!--样式9-->
        <div class="listNewsContent" v-if="componentStyle == 9">
            <div v-for="item in component_style1_News1Array_5" class="text bg_blue">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    {{ item.title }}
                </NuxtLink>
            </div>
            <div class="active" v-for="item in component_style1_News1Array_6" :key="item.id">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    <div class="activeText">
                        {{ item.title }}
                    </div>
                    <div class="detail">查看详情</div>
                </NuxtLink>
            </div>
            <div v-for="item in component_style1_News1Array_7" class="text bg_blue">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    {{ item.title }}
                </NuxtLink>
            </div>
        </div>
        <!--样式10-->
        <div class="listNewsContent" v-if="componentStyle == 10">
            <div v-for="item in component_style1_News1Array_8" class="text bg_blue">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    {{ item.title }}
                </NuxtLink>
            </div>
            <div class="active" v-for="item in component_style1_News1Array_9" :key="item.id">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    <div class="activeText">
                        {{ item.title }}
                    </div>
                    <div class="detail">查看详情</div>
                </NuxtLink>
            </div>
            <div v-for="item in component_style1_News1Array_10" class="text bg_blue">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    {{ item.title }}
                </NuxtLink>
            </div>
        </div>
        <!--样式11-->
        <div class="listNewsContent" v-if="componentStyle == 11">
            <div v-for="item in component_style1_News1Array_11" class="text bg_blue">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    {{ item.title }}
                </NuxtLink>
            </div>
            <div class="active" v-for="item in component_style1_News1Array_12" :key="item.id">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    <div class="activeText">
                        {{ item.title }}
                    </div>
                    <div class="detail">查看详情</div>
                </NuxtLink>
            </div>
            <div v-for="item in component_style1_News1Array_13" class="text bg_blue">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    {{ item.title }}
                </NuxtLink>
            </div>
        </div>
        <!--样式12-->
        <div class="listNewsContent style12" v-if="componentStyle == 12">
            <div v-for="item in component_style1_News1Array_14" class="text bg_blue">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    {{ item.title }}
                </NuxtLink>
            </div>
            <div class="active" v-for="item in component_style1_News1Array_15" :key="item.id">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    <div class="activeText">
                        {{ item.title }}
                    </div>
                    <div class="detail">查看详情</div>
                </NuxtLink>
            </div>
        </div>
        <!--样式13-->
        <div class="listNewsContent" v-if="componentStyle == 13">
            <div class="active" v-for="item in component_style1_News1Array_1" :key="item.id">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    <div class="activeText">
                        {{ item.title }}
                    </div>
                    <div class="detail">查看详情</div>
                </NuxtLink>
            </div>
            <div v-for="item in component_style1_News1Array_2" class="text">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    {{ item.title }}
                </NuxtLink>
            </div>
        </div>
        <!--样式14-->
        <div class="listNewsContent" v-if="componentStyle == 14">
            <div v-for="item in component_style1_News1Array_1" class="text">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    {{ item.title }}
                </NuxtLink>
            </div>
            <div class="active" v-for="item in component_style1_News1Array_3" :key="item.id">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    <div class="activeText">
                        {{ item.title }}
                    </div>
                    <div class="detail">查看详情</div>
                </NuxtLink>
            </div>
            <div v-for="item in component_style1_News1Array_4" class="text">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    {{ item.title }}
                </NuxtLink>
            </div>
        </div>
        <!--样式15-->
        <div class="listNewsContent" v-if="componentStyle == 15">
            <div v-for="item in component_style1_News1Array_5" class="text">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    {{ item.title }}
                </NuxtLink>
            </div>
            <div class="active" v-for="item in component_style1_News1Array_6" :key="item.id">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    <div class="activeText">
                        {{ item.title }}
                    </div>
                    <div class="detail">查看详情</div>
                </NuxtLink>
            </div>
            <div v-for="item in component_style1_News1Array_7" class="text">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    {{ item.title }}
                </NuxtLink>
            </div>
        </div>
        <!--样式16-->
        <div class="listNewsContent" v-if="componentStyle == 16">
            <div v-for="item in component_style1_News1Array_8" class="text">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    {{ item.title }}
                </NuxtLink>
            </div>
            <div class="active" v-for="item in component_style1_News1Array_9" :key="item.id">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    <div class="activeText">
                        {{ item.title }}
                    </div>
                    <div class="detail">查看详情</div>
                </NuxtLink>
            </div>
            <div v-for="item in component_style1_News1Array_10" class="text">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    {{ item.title }}
                </NuxtLink>
            </div>
        </div>
        <!--样式17-->
        <div class="listNewsContent" v-if="componentStyle == 17">
            <div v-for="item in component_style1_News1Array_11" class="text">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    {{ item.title }}
                </NuxtLink>
            </div>
            <div class="active" v-for="item in component_style1_News1Array_12" :key="item.id">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    <div class="activeText">
                        {{ item.title }}
                    </div>
                    <div class="detail">查看详情</div>
                </NuxtLink>
            </div>
            <div v-for="item in component_style1_News1Array_13" class="text">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    {{ item.title }}
                </NuxtLink>
            </div>
        </div>
        <!--样式18-->
        <div class="listNewsContent style18" v-if="componentStyle == 18">
            <div v-for="item in component_style1_News1Array_14" class="text">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    {{ item.title }}
                </NuxtLink>
            </div>
            <div class="active" v-for="item in component_style1_News1Array_15" :key="item.id">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    <div class="activeText">
                        {{ item.title }}
                    </div>
                    <div class="detail">查看详情</div>
                </NuxtLink>
            </div>
        </div>
        <!--样式19-->
        <div class="listNewsContent" v-if="componentStyle == 19">
            <div class="active" v-for="item in component_style1_News1Array_1" :key="item.id">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    <div class="activeText">
                        {{ item.title }}
                    </div>
                    <div class="detail">查看详情</div>
                </NuxtLink>
            </div>
            <div v-for="item in component_style1_News1Array_2" class="text bg_blue">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    {{ item.title }}
                </NuxtLink>
            </div>
        </div>
        <!--样式20-->
        <div class="listNewsContent" v-if="componentStyle == 20">
            <div v-for="item in component_style1_News1Array_1" class="text bg_blue">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    {{ item.title }}
                </NuxtLink>
            </div>
            <div class="active" v-for="item in component_style1_News1Array_3" :key="item.id">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    <div class="activeText">
                        {{ item.title }}
                    </div>
                    <div class="detail">查看详情</div>
                </NuxtLink>
            </div>
            <div v-for="item in component_style1_News1Array_4" class="text bg_blue">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    {{ item.title }}
                </NuxtLink>
            </div>
        </div>
        <!--样式21-->
        <div class="listNewsContent" v-if="componentStyle == 21">
            <div v-for="item in component_style1_News1Array_5" class="text bg_blue">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    {{ item.title }}
                </NuxtLink>
            </div>
            <div class="active" v-for="item in component_style1_News1Array_6" :key="item.id">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    <div class="activeText">
                        {{ item.title }}
                    </div>
                    <div class="detail">查看详情</div>
                </NuxtLink>
            </div>
            <div v-for="item in component_style1_News1Array_7" class="text bg_blue">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    {{ item.title }}
                </NuxtLink>
            </div>
        </div>
        <!--样式22-->
        <div class="listNewsContent" v-if="componentStyle == 22">
            <div v-for="item in component_style1_News1Array_8" class="text bg_blue">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    {{ item.title }}
                </NuxtLink>
            </div>
            <div class="active" v-for="item in component_style1_News1Array_9" :key="item.id">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    <div class="activeText">
                        {{ item.title }}
                    </div>
                    <div class="detail">查看详情</div>
                </NuxtLink>
            </div>
            <div v-for="item in component_style1_News1Array_10" class="text bg_blue">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    {{ item.title }}
                </NuxtLink>
            </div>
        </div>
        <!--样式23-->
        <div class="listNewsContent" v-if="componentStyle == 23">
            <div v-for="item in component_style1_News1Array_11" class="text bg_blue">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    {{ item.title }}
                </NuxtLink>
            </div>
            <div class="active" v-for="item in component_style1_News1Array_12" :key="item.id">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    <div class="activeText">
                        {{ item.title }}
                    </div>
                    <div class="detail">查看详情</div>
                </NuxtLink>
            </div>
            <div v-for="item in component_style1_News1Array_13" class="text bg_blue">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    {{ item.title }}
                </NuxtLink>
            </div>
        </div>
        <!--样式24-->
        <div class="listNewsContent style24" v-if="componentStyle == 24">
            <div v-for="item in component_style1_News1Array_14" class="text bg_blue">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    {{ item.title }}
                </NuxtLink>
            </div>
            <div class="active" v-for="item in component_style1_News1Array_15" :key="item.id">
                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                    :target="item.islink == 1 ? '_blank' : '_self'">
                    <div class="activeText">
                        {{ item.title }}
                    </div>
                    <div class="detail">查看详情</div>
                </NuxtLink>
            </div>
        </div>
    </div>
</template>

<script setup>
//引入vue
import { ref } from 'vue';
//获得新闻数据
const props = defineProps({
    titleLink: Object,//板块名称
    templateData: Array,//新闻数据
    componentStyle: Number,//样式编号
});

//样式1与样式2共用 start ---------------------------------------->
const component_style1_News1Array = ref([]);
// 第1条数据样式为被选中样式
const component_style1_News1Array_1 = ref([]);
const component_style1_News1Array_2 = ref([]);
// 第2条数据样式为被选中样式
const component_style1_News1Array_3 = ref([]);
const component_style1_News1Array_4 = ref([]);
// 第3条数据样式为被选中样式
const component_style1_News1Array_5 = ref([]);
const component_style1_News1Array_6 = ref([]);
const component_style1_News1Array_7 = ref([]);
// 第4条数据样式为被选中样式
const component_style1_News1Array_8 = ref([]);
const component_style1_News1Array_9 = ref([]);
const component_style1_News1Array_10 = ref([]);
// 第5条数据样式为被选中样式
const component_style1_News1Array_11 = ref([]);
const component_style1_News1Array_12 = ref([]);
const component_style1_News1Array_13 = ref([]);
// 第6条数据样式为被选中样式
const component_style1_News1Array_14 = ref([]);
const component_style1_News1Array_15 = ref([]);
//真实数据
component_style1_News1Array.value = props.templateData.textnum;
// 第1条数据样式为被选中样式
component_style1_News1Array_1.value = props.templateData.textnum.slice(0, 1); //第1条
component_style1_News1Array_2.value = props.templateData.textnum.slice(1, 6); //第2-6条
// 第2条数据样式为被选中样式
component_style1_News1Array_3.value = props.templateData.textnum.slice(1, 2); //第2条
component_style1_News1Array_4.value = props.templateData.textnum.slice(2, 6); //第3-6条
// 第3条数据样式为被选中样式
component_style1_News1Array_5.value = props.templateData.textnum.slice(0, 2); //第1-2条
component_style1_News1Array_6.value = props.templateData.textnum.slice(2, 3); //第3条
component_style1_News1Array_7.value = props.templateData.textnum.slice(3, 6); //第4-6条
// 第4条数据样式为被选中样式
component_style1_News1Array_8.value = props.templateData.textnum.slice(0, 3); //第1-3条
component_style1_News1Array_9.value = props.templateData.textnum.slice(3, 4); //第4条
component_style1_News1Array_10.value = props.templateData.textnum.slice(4, 6); //第5-6条
// 第5条数据样式为被选中样式
component_style1_News1Array_11.value = props.templateData.textnum.slice(0, 4); //第1-4条
component_style1_News1Array_12.value = props.templateData.textnum.slice(4, 5); //第5条
component_style1_News1Array_13.value = props.templateData.textnum.slice(5, 6); //第6条
// 第6条数据样式为被选中样式
component_style1_News1Array_14.value = props.templateData.textnum.slice(0, 5); //第1-5条
component_style1_News1Array_15.value = props.templateData.textnum.slice(5, 6); //第6条

//样式1与样式2共用 end ---------------------------------------->
</script>

<style lang="less" scoped>
//基本样式 start ---------------------------------------->
.listNewsBox {
    position: relative;

    .listNewsTitle {
        height: 38px;
        line-height: 38px;
        margin-bottom: 19px;
        border-bottom: 1px solid #999999;

        div {
            height: 35px;
            width: 138px;
            line-height: 32px;
            font-size: 22px;
            font-weight: bold;
            color: #333333;
            cursor: pointer;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            color: #3848A0;
            background: url("https://img.bjzxtw.org.cn/pre/image/png/20251104/1762224944805589.png") bottom left no-repeat;
        }
    }
    .dashed {
        height: 38px;
        line-height: 38px;
        margin-bottom: 19px;
        border-bottom: 1px dashed #999999;

        div {
            height: 35px;
            width: 138px;
            line-height: 32px;
            font-size: 22px;
            font-weight: bold;
            color: #333333;
            cursor: pointer;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            color: #3848A0;
            background: url("https://img.bjzxtw.org.cn/pre/image/png/20251104/1762224944805589.png") bottom left no-repeat;
        }
    }

    .listNewsContent {
        width: 100%;
        box-sizing: border-box;

        .active {
            position: relative;
            width: 585px;
            height: 119px;
            box-shadow: 0px 0px 8px 0px rgba(0, 69, 100, 0.1);
            padding: 15px 11px 15px 16px;
            margin-bottom: 19px;
            box-sizing: border-box;

            .activeText {
                line-height: 28px;
                font-size: 18px;
                color: #333333;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
                text-overflow: ellipsis;
                word-break: break-all;
                cursor: pointer;

            }

            .detail {
                position: absolute;
                bottom: 15px;
                right: 18px;
                width: 80px;
                height: 31px;
                line-height: 31px;
                color: #fff;
                background-color: #3848a0;
                font-size: 16px;
                text-align: center;
                border-radius: 4px;
                cursor: pointer;

            }

        }

        .text {
            width: 580px;
            color: #333333;
            font-size: 18px;
            margin-bottom: 18px;
            padding-left: 16px;
            cursor: pointer;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            background: url("https://img.bjzxtw.org.cn/pre/image/jpeg/20251104/1762226432153586.jpg") no-repeat left center;

            &:last-child {
                margin-bottom: 0;
            }

            a {
                color: #333333;
            }
        }

        .bg_blue {
            background: url("https://img.bjzxtw.org.cn/pre/image/png/20251104/1762226842166040.png") no-repeat left center;
        }
    }

    //样式6,12,18,24共用
    .style6,
    .style12,
    .style18,
    .style24 {
        .active {
            margin-bottom: 0;
        }

        .text {
            &:last-child {
                margin-bottom: 18px;
            }
        }
    }
}

//基本样式 end ----------------------------------------></style>