第六套皮肤完成

.env

@@ -1,2 +1,2 @@
-PORT=3010
+PORT=3012
 

assets/css/public/template/footer.less

@@ -31,6 +31,15 @@
         height: 100%;
     }
 }
+.foot6_yqlj{
+    width: 1200px;
+    height: 32px;
+    margin: 19px auto;
+    img {
+        width: 100%;
+        height: 100%;
+    }
+}
 .foot_img_box {
     overflow: hidden;
     display: block;

components/template/component/headLine/1200x140/1.vue

@@ -2,7 +2,7 @@
     <!--样式1-->
     <div class="headLineStyle" v-if="componentStyle == 1">
         <div class="headLineTitle" v-if="templateData.length > 0">
-            <img src="http://192.168.1.234:19000/pre/image/jpeg/20251218/1766043865140375.jpg" />
+            <img src="http://img.bjzxtw.org.cn/pre/image/png/20250603/1748932387576488.png" />
             <NuxtLink :href="getLinkPathDetail(component_style1_News1)" :title="component_style1_News1.title"
                 :target="component_style1_News1.islink == 1 ? '_blank' : '_self'">
                 {{ component_style1_News1.title }}
@@ -20,7 +20,7 @@
     <!--样式2-->
     <div class="headLineStyle" v-if="componentStyle == 2">
         <div class="headLineTitle" v-if="templateData.length > 0">
-            <img src="http://192.168.1.234:19000/pre/image/jpeg/20251218/1766043865140375.jpg" />
+            <img src="http://img.bjzxtw.org.cn/pre/image/png/20250603/1748932387576488.png" />
             <NuxtLink :href="getLinkPathDetail(component_style1_News1)" :title="component_style1_News1.title"
                 :target="component_style1_News1.islink == 1 ? '_blank' : '_self'">
                 {{ component_style1_News1.title }}
@@ -38,7 +38,7 @@
     <!--样式3-->
     <div class="headLineStyle" v-if="componentStyle == 3">
         <div class="headLineTitle" v-if="templateData.length > 0">
-            <img src="http://192.168.1.234:19000/pre/image/jpeg/20251218/1766043865140375.jpg" />
+            <img src="http://img.bjzxtw.org.cn/pre/image/png/20250603/1748932387576488.png" />
             <NuxtLink :href="getLinkPathDetail(component_style1_News1)" :title="component_style1_News1.title"
                 :target="component_style1_News1.islink == 1 ? '_blank' : '_self'">
                 {{ component_style1_News1.title }}
@@ -56,7 +56,7 @@
     <!--样式4-->
     <div class="headLineStyle headLineContent4" v-if="componentStyle == 4">
         <div class="headLineTitle" v-if="templateData.length > 0">
-            <img src="http://192.168.1.234:19000/pre/image/jpeg/20251218/1766043865140375.jpg" />
+            <img src="http://img.bjzxtw.org.cn/pre/image/png/20250603/1748932387576488.png" />
             <NuxtLink :href="getLinkPathDetail(component_style1_News1)" :title="component_style1_News1.title"
                 :target="component_style1_News1.islink == 1 ? '_blank' : '_self'">
                 {{ component_style1_News1.title }}
@@ -67,7 +67,7 @@
     <div class="headLineStyle headLineContent5" v-if="componentStyle == 5">
         <div class="headLineTitle" v-for="(item, index) in component_style1_News1Array" :key="item.id"
             :class="{ 'active': activeTab == index }">
-            <img src="http://192.168.1.234:19000/pre/image/jpeg/20251218/1766043865140375.jpg" v-if="activeTab == index" />
+            <img src="http://img.bjzxtw.org.cn/pre/image/png/20250603/1748932387576488.png" v-if="activeTab == index" />
             <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                 :target="item.islink == 1 ? '_blank' : '_self'" v-if="activeTab == index">
                 {{ item.title }} 
@@ -83,7 +83,7 @@
     <div class="headLineStyle headLineContent5" v-if="componentStyle == 6">
         <div class="headLineTitle" v-for="(item, index) in component_style1_News1Array_1" :key="item.id"
             :class="{ 'active': activeTab == index }">
-            <img src="http://192.168.1.234:19000/pre/image/jpeg/20251218/1766043865140375.jpg" v-if="activeTab == index" />
+            <img src="http://img.bjzxtw.org.cn/pre/image/png/20250603/1748932387576488.png" v-if="activeTab == index" />
             <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                 :target="item.islink == 1 ? '_blank' : '_self'" v-if="activeTab == index">
                 {{ item.title }} 
@@ -97,7 +97,7 @@
     <!--样式7-->
     <div class="headLineStyle headLineContent7" v-if="componentStyle == 7">
         <div class="headLineTitle" v-if="templateData.length > 0">
-            <img src="http://192.168.1.234:19000/pre/image/jpeg/20251218/1766043990716302.jpg" />
+            <img src="https://img.bjzxtw.org.cn/pre/image/png/20250912/1757653976648790.png" />
             <NuxtLink :href="getLinkPathDetail(component_style1_News1)" :title="component_style1_News1.title"
                 :target="component_style1_News1.islink == 1 ? '_blank' : '_self'">
                 {{ component_style1_News1.title }}
@@ -115,7 +115,7 @@
     <!--样式8-->
     <div class="headLineStyle headLineContent7" v-if="componentStyle == 8">
         <div class="headLineTitle" v-if="templateData.length > 0">
-            <img src="http://192.168.1.234:19000/pre/image/jpeg/20251218/1766043990716302.jpg" />
+            <img src="https://img.bjzxtw.org.cn/pre/image/png/20250912/1757653976648790.png" />
             <NuxtLink :href="getLinkPathDetail(component_style1_News1)" :title="component_style1_News1.title"
                 :target="component_style1_News1.islink == 1 ? '_blank' : '_self'">
                 {{ component_style1_News1.title }}
@@ -133,7 +133,7 @@
     <!--样式9-->
     <div class="headLineStyle headLineContent7" v-if="componentStyle == 9">
         <div class="headLineTitle" v-if="templateData.length > 0">
-            <img src="http://192.168.1.234:19000/pre/image/jpeg/20251218/1766043990716302.jpg" />
+            <img src="https://img.bjzxtw.org.cn/pre/image/png/20250912/1757653976648790.png" />
             <NuxtLink :href="getLinkPathDetail(component_style1_News1)" :title="component_style1_News1.title"
                 :target="component_style1_News1.islink == 1 ? '_blank' : '_self'">
                 {{ component_style1_News1.title }}
@@ -151,7 +151,7 @@
     <!--样式10-->
     <div class="headLineStyle headLineContent10" v-if="componentStyle == 10">
         <div class="headLineTitle" v-if="templateData.length > 0">
-            <img src="http://192.168.1.234:19000/pre/image/jpeg/20251218/1766043990716302.jpg" />
+            <img src="https://img.bjzxtw.org.cn/pre/image/png/20250912/1757653976648790.png" />
             <NuxtLink :href="getLinkPathDetail(component_style1_News1)" :title="component_style1_News1.title"
                 :target="component_style1_News1.islink == 1 ? '_blank' : '_self'">
                 {{ component_style1_News1.title }}
@@ -162,7 +162,7 @@
     <div class="headLineStyle headLineContent11" v-if="componentStyle == 11">
         <div class="headLineTitle" v-for="(item, index) in component_style1_News1Array" :key="item.id"
             :class="{ 'active': activeTab == index }">
-            <img src="http://192.168.1.234:19000/pre/image/jpeg/20251218/1766043990716302.jpg" v-if="activeTab == index" />
+            <img src="https://img.bjzxtw.org.cn/pre/image/png/20250912/1757653976648790.png" v-if="activeTab == index" />
             <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                 :target="item.islink == 1 ? '_blank' : '_self'" v-if="activeTab == index">
                 {{ item.title }} 
@@ -178,7 +178,7 @@
     <div class="headLineStyle headLineContent11" v-if="componentStyle == 12">
         <div class="headLineTitle" v-for="(item, index) in component_style1_News1Array_1" :key="item.id"
             :class="{ 'active': activeTab == index }">
-            <img src="http://192.168.1.234:19000/pre/image/jpeg/20251218/1766043990716302.jpg" v-if="activeTab == index" />
+            <img src="https://img.bjzxtw.org.cn/pre/image/png/20250912/1757653976648790.png" v-if="activeTab == index" />
             <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                 :target="item.islink == 1 ? '_blank' : '_self'" v-if="activeTab == index">
                 {{ item.title }} 
@@ -281,7 +281,7 @@
     <!--样式19-->
     <div class="headLineStyle headLineContent19" v-if="componentStyle == 19">
         <div class="headLineTitle" v-if="templateData.length > 0">
-            <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766044067976048.png" />
+            <img src="https://img.bjzxtw.org.cn/pre/image/png/20250912/1757656410442008.png" />
             <NuxtLink :href="getLinkPathDetail(component_style1_News1)" :title="component_style1_News1.title"
                 :target="component_style1_News1.islink == 1 ? '_blank' : '_self'">
                 {{ component_style1_News1.title }}
@@ -290,7 +290,7 @@
     </div>
     <!-- 样式20 -->
     <div class="headLineStyle headLineContent20" v-if="componentStyle == 20">
-        <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766044091191368.png" />
+        <img src="https://img.bjzxtw.org.cn/pre/image/png/20250912/1757656425186700.png" />
         <div class="headLineTitle" v-if="templateData.length > 0">
             <NuxtLink :href="getLinkPathDetail(component_style1_News1)" :title="component_style1_News1.title"
                 :target="component_style1_News1.islink == 1 ? '_blank' : '_self'">
@@ -308,7 +308,7 @@
     </div>
     <!-- 样式21 -->
     <div class="headLineStyle headLineContent20" v-if="componentStyle == 21">
-        <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766044091191368.png" />
+        <img src="https://img.bjzxtw.org.cn/pre/image/png/20250912/1757656425186700.png" />
         <div class="headLineTitle" v-if="templateData.length > 0">
             <NuxtLink :href="getLinkPathDetail(component_style1_News1)" :title="component_style1_News1.title"
                 :target="component_style1_News1.islink == 1 ? '_blank' : '_self'">
@@ -326,7 +326,7 @@
     </div>
     <!-- 样式22 -->
     <div class="headLineStyle headLineContent20" v-if="componentStyle == 22">
-        <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766044091191368.png" />
+        <img src="https://img.bjzxtw.org.cn/pre/image/png/20250912/1757656425186700.png" />
         <div class="headLineTitle" v-if="templateData.length > 0">
             <NuxtLink :href="getLinkPathDetail(component_style1_News1)" :title="component_style1_News1.title"
                 :target="component_style1_News1.islink == 1 ? '_blank' : '_self'">
@@ -344,7 +344,7 @@
     </div>
     <!-- 样式23 -->
     <div class="headLineStyle headLineContent23" v-if="componentStyle == 23">
-        <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766044091191368.png" />
+        <img src="https://img.bjzxtw.org.cn/pre/image/png/20250912/1757656425186700.png" />
         <div class="headLineTitle" v-if="templateData.length > 0">
             <NuxtLink :href="getLinkPathDetail(component_style1_News1)" :title="component_style1_News1.title"
                 :target="component_style1_News1.islink == 1 ? '_blank' : '_self'">
@@ -354,7 +354,7 @@
     </div>
     <!--样式24-->
     <div class="headLineStyle headLineContent24" v-if="componentStyle == 24">
-        <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766044091191368.png" />
+        <img src="https://img.bjzxtw.org.cn/pre/image/png/20250912/1757656425186700.png" />
         <div class="headLineTitle" v-for="(item, index) in component_style1_News1Array" :key="item.id"
             :class="{ 'active': activeTab == index }">
             <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
@@ -370,7 +370,7 @@
     </div>
     <!--样式25-->
     <div class="headLineStyle headLineContent24" v-if="componentStyle == 25">
-        <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766044091191368.png" />
+        <img src="https://img.bjzxtw.org.cn/pre/image/png/20250912/1757656425186700.png" />
         <div class="headLineTitle" v-for="(item, index) in component_style1_News1Array_1" :key="item.id"
             :class="{ 'active': activeTab == index }">
             <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"

components/template/component/headLine/1200x140/2.vue

@@ -2,7 +2,7 @@
     <!--样式1-->
     <div class="headLineStyle" v-if="componentStyle == 1">
         <div class="headLineTitle" v-if="templateData.length > 0">
-            <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766046342186913.png" />
+            <img src="https://img.bjzxtw.org.cn/pre/image/png/20250910/1757486720868973.png" />
             <NuxtLink :href="getLinkPathDetail(component_style1_News1)" :title="component_style1_News1.title"
                 :target="component_style1_News1.islink == 1 ? '_blank' : '_self'">
                 {{ component_style1_News1.title }}
@@ -20,7 +20,7 @@
     <!--样式2-->
     <div class="headLineStyle" v-if="componentStyle == 2">
         <div class="headLineTitle" v-if="templateData.length > 0">
-            <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766046342186913.png" />
+            <img src="https://img.bjzxtw.org.cn/pre/image/png/20250910/1757486720868973.png" />
             <NuxtLink :href="getLinkPathDetail(component_style1_News1)" :title="component_style1_News1.title"
                 :target="component_style1_News1.islink == 1 ? '_blank' : '_self'">
                 {{ component_style1_News1.title }}
@@ -38,7 +38,7 @@
     <!--样式3-->
     <div class="headLineStyle" v-if="componentStyle == 3">
         <div class="headLineTitle" v-if="templateData.length > 0">
-            <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766046342186913.png" />
+            <img src="https://img.bjzxtw.org.cn/pre/image/png/20250910/1757486720868973.png" />
             <NuxtLink :href="getLinkPathDetail(component_style1_News1)" :title="component_style1_News1.title"
                 :target="component_style1_News1.islink == 1 ? '_blank' : '_self'">
                 {{ component_style1_News1.title }}
@@ -56,7 +56,7 @@
     <!--样式4-->
     <div class="headLineStyle headLineContent4" v-if="componentStyle == 4">
         <div class="headLineTitle" v-if="templateData.length > 0">
-            <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766046342186913.png" />
+            <img src="https://img.bjzxtw.org.cn/pre/image/png/20250910/1757486720868973.png" />
             <NuxtLink :href="getLinkPathDetail(component_style1_News1)" :title="component_style1_News1.title"
                 :target="component_style1_News1.islink == 1 ? '_blank' : '_self'">
                 {{ component_style1_News1.title }}
@@ -67,7 +67,7 @@
     <div class="headLineStyle headLineContent5" v-if="componentStyle == 5">
         <div class="headLineTitle" v-for="(item, index) in component_style1_News1Array" :key="item.id"
             :class="{ 'active': activeTab == index }">
-            <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766046342186913.png"
+            <img src="https://img.bjzxtw.org.cn/pre/image/png/20250910/1757486720868973.png"
                 v-if="activeTab == index" />
             <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                 :target="item.islink == 1 ? '_blank' : '_self'" v-if="activeTab == index">
@@ -84,7 +84,7 @@
     <div class="headLineStyle headLineContent5" v-if="componentStyle == 6">
         <div class="headLineTitle" v-for="(item, index) in component_style1_News1Array_1" :key="item.id"
             :class="{ 'active': activeTab == index }">
-            <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766046342186913.png"
+            <img src="https://img.bjzxtw.org.cn/pre/image/png/20250910/1757486720868973.png"
                 v-if="activeTab == index" />
             <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                 :target="item.islink == 1 ? '_blank' : '_self'" v-if="activeTab == index">
@@ -99,7 +99,7 @@
     <!--样式7-->
     <div class="headLineStyle headLineContent7" v-if="componentStyle == 7">
         <div class="headLineTitle" v-if="templateData.length > 0">
-            <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766046367616675.png" />
+            <img src="https://img.bjzxtw.org.cn/pre/image/png/20250929/1759138209695398.png" />
             <NuxtLink :href="getLinkPathDetail(component_style1_News1)" :title="component_style1_News1.title"
                 :target="component_style1_News1.islink == 1 ? '_blank' : '_self'">
                 {{ component_style1_News1.title }}
@@ -117,7 +117,7 @@
     <!--样式8-->
     <div class="headLineStyle headLineContent7" v-if="componentStyle == 8">
         <div class="headLineTitle" v-if="templateData.length > 0">
-            <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766046367616675.png" />
+            <img src="https://img.bjzxtw.org.cn/pre/image/png/20250929/1759138209695398.png" />
             <NuxtLink :href="getLinkPathDetail(component_style1_News1)" :title="component_style1_News1.title"
                 :target="component_style1_News1.islink == 1 ? '_blank' : '_self'">
                 {{ component_style1_News1.title }}
@@ -135,7 +135,7 @@
     <!--样式9-->
     <div class="headLineStyle headLineContent7" v-if="componentStyle == 9">
         <div class="headLineTitle" v-if="templateData.length > 0">
-            <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766046367616675.png" />
+            <img src="https://img.bjzxtw.org.cn/pre/image/png/20250929/1759138209695398.png" />
             <NuxtLink :href="getLinkPathDetail(component_style1_News1)" :title="component_style1_News1.title"
                 :target="component_style1_News1.islink == 1 ? '_blank' : '_self'">
                 {{ component_style1_News1.title }}
@@ -153,7 +153,7 @@
     <!--样式10-->
     <div class="headLineStyle headLineContent10" v-if="componentStyle == 10">
         <div class="headLineTitle" v-if="templateData.length > 0">
-            <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766046367616675.png" />
+            <img src="https://img.bjzxtw.org.cn/pre/image/png/20250929/1759138209695398.png" />
             <NuxtLink :href="getLinkPathDetail(component_style1_News1)" :title="component_style1_News1.title"
                 :target="component_style1_News1.islink == 1 ? '_blank' : '_self'">
                 {{ component_style1_News1.title }}
@@ -164,7 +164,7 @@
     <div class="headLineStyle headLineContent11" v-if="componentStyle == 11">
         <div class="headLineTitle" v-for="(item, index) in component_style1_News1Array" :key="item.id"
             :class="{ 'active': activeTab == index }">
-            <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766046367616675.png"
+            <img src="https://img.bjzxtw.org.cn/pre/image/png/20250929/1759138209695398.png"
                 v-if="activeTab == index" />
             <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                 :target="item.islink == 1 ? '_blank' : '_self'" v-if="activeTab == index">
@@ -181,7 +181,7 @@
     <div class="headLineStyle headLineContent11" v-if="componentStyle == 12">
         <div class="headLineTitle" v-for="(item, index) in component_style1_News1Array_1" :key="item.id"
             :class="{ 'active': activeTab == index }">
-            <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766046367616675.png"
+            <img src="https://img.bjzxtw.org.cn/pre/image/png/20250929/1759138209695398.png"
                 v-if="activeTab == index" />
             <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                 :target="item.islink == 1 ? '_blank' : '_self'" v-if="activeTab == index">
@@ -285,7 +285,7 @@
     <!--样式19-->
     <div class="headLineStyle headLineContent19" v-if="componentStyle == 19">
         <div class="headLineTitle" v-if="templateData.length > 0">
-            <img src="http://192.168.1.234:19000/pre/image/png/20251218/176604638975835.png" />
+            <img src="https://img.bjzxtw.org.cn/pre/image/png/20250929/1759138678850454.png" />
             <NuxtLink :href="getLinkPathDetail(component_style1_News1)" :title="component_style1_News1.title"
                 :target="component_style1_News1.islink == 1 ? '_blank' : '_self'">
                 {{ component_style1_News1.title }}
@@ -294,7 +294,7 @@
     </div>
     <!-- 样式20 -->
     <div class="headLineStyle headLineContent20" v-if="componentStyle == 20">
-        <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766046424308425.png" />
+        <img src="https://img.bjzxtw.org.cn/pre/image/png/20250929/1759138692761814.png" />
         <div class="headLineTitle" v-if="templateData.length > 0">
             <NuxtLink :href="getLinkPathDetail(component_style1_News1)" :title="component_style1_News1.title"
                 :target="component_style1_News1.islink == 1 ? '_blank' : '_self'">
@@ -312,7 +312,7 @@
     </div>
     <!-- 样式21 -->
     <div class="headLineStyle headLineContent20" v-if="componentStyle == 21">
-        <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766046424308425.png" />
+        <img src="https://img.bjzxtw.org.cn/pre/image/png/20250929/1759138692761814.png" />
         <div class="headLineTitle" v-if="templateData.length > 0">
             <NuxtLink :href="getLinkPathDetail(component_style1_News1)" :title="component_style1_News1.title"
                 :target="component_style1_News1.islink == 1 ? '_blank' : '_self'">
@@ -330,7 +330,7 @@
     </div>
     <!-- 样式22 -->
     <div class="headLineStyle headLineContent20" v-if="componentStyle == 22">
-        <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766046424308425.png" />
+        <img src="https://img.bjzxtw.org.cn/pre/image/png/20250929/1759138692761814.png" />
         <div class="headLineTitle" v-if="templateData.length > 0">
             <NuxtLink :href="getLinkPathDetail(component_style1_News1)" :title="component_style1_News1.title"
                 :target="component_style1_News1.islink == 1 ? '_blank' : '_self'">
@@ -348,7 +348,7 @@
     </div>
     <!-- 样式23 -->
     <div class="headLineStyle headLineContent23" v-if="componentStyle == 23">
-        <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766046424308425.png" />
+        <img src="https://img.bjzxtw.org.cn/pre/image/png/20250929/1759138692761814.png" />
         <div class="headLineTitle" v-if="templateData.length > 0">
             <NuxtLink :href="getLinkPathDetail(component_style1_News1)" :title="component_style1_News1.title"
                 :target="component_style1_News1.islink == 1 ? '_blank' : '_self'">
@@ -358,7 +358,7 @@
     </div>
     <!--样式24-->
     <div class="headLineStyle headLineContent24" v-if="componentStyle == 24">
-        <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766046424308425.png" />
+        <img src="https://img.bjzxtw.org.cn/pre/image/png/20250929/1759138692761814.png" />
         <div class="headLineTitle" v-for="(item, index) in component_style1_News1Array" :key="item.id"
             :class="{ 'active': activeTab == index }">
             <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
@@ -374,7 +374,7 @@
     </div>
     <!--样式25-->
     <div class="headLineStyle headLineContent24" v-if="componentStyle == 25">
-        <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766046424308425.png" />
+        <img src="https://img.bjzxtw.org.cn/pre/image/png/20250929/1759138692761814.png" />
         <div class="headLineTitle" v-for="(item, index) in component_style1_News1Array_1" :key="item.id"
             :class="{ 'active': activeTab == index }">
             <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
@@ -390,7 +390,7 @@
     <!--样式26-->
     <div class="headLineStyle1_skin2" v-if="componentStyle == 26">
         <div class="headTip">
-            <img src="http://192.168.1.234:19000/pre/image/png/20251218/176604644820176.png">
+            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250626/1750901450165042.jpg">
         </div>
         <div class="headLineContentBox" ref="contentBox">
             <div class="headLineSlider" :style="sliderStyle" v-if="templateData.length > 0">
@@ -456,7 +456,7 @@
     <!--样式27-->
     <div class="headLineStyle1_skin2" v-if="componentStyle == 27">
         <div class="headTip">
-            <img src="http://192.168.1.234:19000/pre/image/png/20251218/176604644820176.png">
+            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250626/1750901450165042.jpg">
         </div>
         <div class="headLineContentBox" ref="contentBox">
             <div class="headLineSlider" :style="sliderStyle" v-if="templateData.length > 0">
@@ -522,7 +522,7 @@
     <!--样式28-->
     <div class="headLineStyle1_skin26" v-if="componentStyle == 28">
         <div class="headTip">
-            <img src="http://192.168.1.234:19000/pre/image/png/20251218/176604644820176.png">
+            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250626/1750901450165042.jpg">
         </div>
         <div class="headLineContentBox" ref="contentBox">
             <div class="headLineSlider" :style="sliderStyle" v-if="templateData.length > 0">
@@ -588,7 +588,7 @@
     <!--样式29-->
     <div class="headLineStyle1_skin26" v-if="componentStyle == 29">
         <div class="headTip">
-            <img src="http://192.168.1.234:19000/pre/image/png/20251218/176604644820176.png">
+            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250626/1750901450165042.jpg">
         </div>
         <div class="headLineContentBox" ref="contentBox">
             <div class="headLineSlider" :style="sliderStyle" v-if="templateData.length > 0">
@@ -630,7 +630,7 @@
     <!--样式30-->
     <div class="headLineStyle1_skin26 headLineStyle1_skin30" v-if="componentStyle == 30">
         <div class="headTip">
-            <img src="http://192.168.1.234:19000/pre/image/png/20251218/176604644820176.png">
+            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250626/1750901450165042.jpg">
         </div>
         <div class="headLineContentBox" ref="contentBox">
             <div class="headLineSlider" :style="sliderStyle" v-if="templateData.length > 0">

components/template/component/headLine/1200x140/6.vue

@@ -2,7 +2,7 @@
     <!--样式1-->
     <div class="headLineStyle" v-if="componentStyle == 1">
         <div class="headLineTitle" v-if="templateData.length > 0">
-            <img src="https://img.bjzxtw.org.cn/pre/image/png/20251104/1762235620159481.png" />
+            <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766019286582583.png" />
             <NuxtLink :href="getLinkPathDetail(component_style1_News1)" :title="component_style1_News1.title"
                 :target="component_style1_News1.islink == 1 ? '_blank' : '_self'">
                 {{ component_style1_News1.title }}
@@ -20,7 +20,7 @@
     <!--样式2-->
     <div class="headLineStyle" v-if="componentStyle == 2">
         <div class="headLineTitle" v-if="templateData.length > 0">
-            <img src="https://img.bjzxtw.org.cn/pre/image/png/20251104/1762235620159481.png" />
+            <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766019286582583.png" />
             <NuxtLink :href="getLinkPathDetail(component_style1_News1)" :title="component_style1_News1.title"
                 :target="component_style1_News1.islink == 1 ? '_blank' : '_self'">
                 {{ component_style1_News1.title }}
@@ -38,7 +38,7 @@
     <!--样式3-->
     <div class="headLineStyle" v-if="componentStyle == 3">
         <div class="headLineTitle" v-if="templateData.length > 0">
-            <img src="https://img.bjzxtw.org.cn/pre/image/png/20251104/1762235620159481.png" />
+            <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766019286582583.png" />
             <NuxtLink :href="getLinkPathDetail(component_style1_News1)" :title="component_style1_News1.title"
                 :target="component_style1_News1.islink == 1 ? '_blank' : '_self'">
                 {{ component_style1_News1.title }}
@@ -56,7 +56,7 @@
     <!--样式4-->
     <div class="headLineStyle headLineContent4" v-if="componentStyle == 4">
         <div class="headLineTitle" v-if="templateData.length > 0">
-            <img src="https://img.bjzxtw.org.cn/pre/image/png/20251104/1762235620159481.png" />
+            <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766019286582583.png" />
             <NuxtLink :href="getLinkPathDetail(component_style1_News1)" :title="component_style1_News1.title"
                 :target="component_style1_News1.islink == 1 ? '_blank' : '_self'">
                 {{ component_style1_News1.title }}
@@ -67,7 +67,7 @@
     <div class="headLineStyle headLineContent5" v-if="componentStyle == 5">
         <div class="headLineTitle" v-for="(item, index) in component_style1_News1Array" :key="item.id"
             :class="{ 'active': activeTab == index }">
-            <img src="https://img.bjzxtw.org.cn/pre/image/png/20251104/1762235620159481.png"
+            <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766019286582583.png"
                 v-if="activeTab == index" />
             <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                 :target="item.islink == 1 ? '_blank' : '_self'" v-if="activeTab == index">
@@ -84,7 +84,7 @@
     <div class="headLineStyle headLineContent5" v-if="componentStyle == 6">
         <div class="headLineTitle" v-for="(item, index) in component_style1_News1Array_1" :key="item.id"
             :class="{ 'active': activeTab == index }">
-            <img src="https://img.bjzxtw.org.cn/pre/image/png/20251104/1762235620159481.png"
+            <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766019286582583.png"
                 v-if="activeTab == index" />
             <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                 :target="item.islink == 1 ? '_blank' : '_self'" v-if="activeTab == index">
@@ -99,7 +99,7 @@
     <!--样式7-->
     <div class="headLineStyle headLineContent7" v-if="componentStyle == 7">
         <div class="headLineTitle" v-if="templateData.length > 0">
-            <img src="https://img.bjzxtw.org.cn/pre/image/png/20251104/1762235641411357.png" />
+            <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766026791458071.png" />
             <NuxtLink :href="getLinkPathDetail(component_style1_News1)" :title="component_style1_News1.title"
                 :target="component_style1_News1.islink == 1 ? '_blank' : '_self'">
                 {{ component_style1_News1.title }}
@@ -117,7 +117,7 @@
     <!--样式8-->
     <div class="headLineStyle headLineContent7" v-if="componentStyle == 8">
         <div class="headLineTitle" v-if="templateData.length > 0">
-            <img src="https://img.bjzxtw.org.cn/pre/image/png/20251104/1762235641411357.png" />
+            <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766026791458071.png" />
             <NuxtLink :href="getLinkPathDetail(component_style1_News1)" :title="component_style1_News1.title"
                 :target="component_style1_News1.islink == 1 ? '_blank' : '_self'">
                 {{ component_style1_News1.title }}
@@ -135,7 +135,7 @@
     <!--样式9-->
     <div class="headLineStyle headLineContent7" v-if="componentStyle == 9">
         <div class="headLineTitle" v-if="templateData.length > 0">
-            <img src="https://img.bjzxtw.org.cn/pre/image/png/20251104/1762235641411357.png" />
+            <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766026791458071.png" />
             <NuxtLink :href="getLinkPathDetail(component_style1_News1)" :title="component_style1_News1.title"
                 :target="component_style1_News1.islink == 1 ? '_blank' : '_self'">
                 {{ component_style1_News1.title }}
@@ -153,7 +153,7 @@
     <!--样式10-->
     <div class="headLineStyle headLineContent10" v-if="componentStyle == 10">
         <div class="headLineTitle" v-if="templateData.length > 0">
-            <img src="https://img.bjzxtw.org.cn/pre/image/png/20251104/1762235641411357.png" />
+            <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766026791458071.png" />
             <NuxtLink :href="getLinkPathDetail(component_style1_News1)" :title="component_style1_News1.title"
                 :target="component_style1_News1.islink == 1 ? '_blank' : '_self'">
                 {{ component_style1_News1.title }}
@@ -164,7 +164,7 @@
     <div class="headLineStyle headLineContent11" v-if="componentStyle == 11">
         <div class="headLineTitle" v-for="(item, index) in component_style1_News1Array" :key="item.id"
             :class="{ 'active': activeTab == index }">
-            <img src="https://img.bjzxtw.org.cn/pre/image/png/20251104/1762235641411357.png"
+            <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766026791458071.png"
                 v-if="activeTab == index" />
             <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                 :target="item.islink == 1 ? '_blank' : '_self'" v-if="activeTab == index">
@@ -181,7 +181,7 @@
     <div class="headLineStyle headLineContent11" v-if="componentStyle == 12">
         <div class="headLineTitle" v-for="(item, index) in component_style1_News1Array_1" :key="item.id"
             :class="{ 'active': activeTab == index }">
-            <img src="https://img.bjzxtw.org.cn/pre/image/png/20251104/1762235641411357.png"
+            <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766026791458071.png"
                 v-if="activeTab == index" />
             <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                 :target="item.islink == 1 ? '_blank' : '_self'" v-if="activeTab == index">
@@ -285,7 +285,7 @@
     <!--样式19-->
     <div class="headLineStyle headLineContent19" v-if="componentStyle == 19">
         <div class="headLineTitle" v-if="templateData.length > 0">
-            <img src="https://img.bjzxtw.org.cn/pre/image/png/20251104/1762235713259493.png" />
+            <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766027258906505.png" />
             <NuxtLink :href="getLinkPathDetail(component_style1_News1)" :title="component_style1_News1.title"
                 :target="component_style1_News1.islink == 1 ? '_blank' : '_self'">
                 {{ component_style1_News1.title }}
@@ -294,7 +294,7 @@
     </div>
     <!-- 样式20 -->
     <div class="headLineStyle headLineContent20" v-if="componentStyle == 20">
-        <img src="https://img.bjzxtw.org.cn/pre/image/png/20251104/17622359621606.png" />
+        <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766027282851131.png" />
         <div class="headLineTitle" v-if="templateData.length > 0">
             <NuxtLink :href="getLinkPathDetail(component_style1_News1)" :title="component_style1_News1.title"
                 :target="component_style1_News1.islink == 1 ? '_blank' : '_self'">
@@ -312,7 +312,7 @@
     </div>
     <!-- 样式21 -->
     <div class="headLineStyle headLineContent20" v-if="componentStyle == 21">
-        <img src="https://img.bjzxtw.org.cn/pre/image/png/20251104/17622359621606.png" />
+        <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766027282851131.png" />
         <div class="headLineTitle" v-if="templateData.length > 0">
             <NuxtLink :href="getLinkPathDetail(component_style1_News1)" :title="component_style1_News1.title"
                 :target="component_style1_News1.islink == 1 ? '_blank' : '_self'">
@@ -330,7 +330,7 @@
     </div>
     <!-- 样式22 -->
     <div class="headLineStyle headLineContent20" v-if="componentStyle == 22">
-        <img src="https://img.bjzxtw.org.cn/pre/image/png/20251104/17622359621606.png" />
+        <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766027282851131.png" />
         <div class="headLineTitle" v-if="templateData.length > 0">
             <NuxtLink :href="getLinkPathDetail(component_style1_News1)" :title="component_style1_News1.title"
                 :target="component_style1_News1.islink == 1 ? '_blank' : '_self'">
@@ -348,7 +348,7 @@
     </div>
     <!-- 样式23 -->
     <div class="headLineStyle headLineContent23" v-if="componentStyle == 23">
-        <img src="https://img.bjzxtw.org.cn/pre/image/png/20251104/17622359621606.png" />
+        <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766027282851131.png" />
         <div class="headLineTitle" v-if="templateData.length > 0">
             <NuxtLink :href="getLinkPathDetail(component_style1_News1)" :title="component_style1_News1.title"
                 :target="component_style1_News1.islink == 1 ? '_blank' : '_self'">
@@ -358,7 +358,7 @@
     </div>
     <!--样式24-->
     <div class="headLineStyle headLineContent24" v-if="componentStyle == 24">
-        <img src="https://img.bjzxtw.org.cn/pre/image/png/20251104/17622359621606.png" />
+        <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766027282851131.png" />
         <div class="headLineTitle" v-for="(item, index) in component_style1_News1Array" :key="item.id"
             :class="{ 'active': activeTab == index }">
             <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
@@ -374,7 +374,7 @@
     </div>
     <!--样式25-->
     <div class="headLineStyle headLineContent24" v-if="componentStyle == 25">
-        <img src="https://img.bjzxtw.org.cn/pre/image/png/20251104/17622359621606.png" />
+        <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766027282851131.png" />
         <div class="headLineTitle" v-for="(item, index) in component_style1_News1Array_1" :key="item.id"
             :class="{ 'active': activeTab == index }">
             <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
@@ -390,7 +390,7 @@
     <!--样式26-->
     <div class="headLineStyle1_skin2" v-if="componentStyle == 26">
         <div class="headTip">
-            <img src="https://img.bjzxtw.org.cn/pre/image/png/20251104/1762236444645473.png">
+            <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766027294575187.png">
         </div>
         <div class="headLineContentBox" ref="contentBox">
             <div class="headLineSlider" :style="sliderStyle" v-if="templateData.length > 0">
@@ -456,7 +456,7 @@
     <!--样式27-->
     <div class="headLineStyle1_skin2" v-if="componentStyle == 27">
         <div class="headTip">
-            <img src="https://img.bjzxtw.org.cn/pre/image/png/20251104/1762236444645473.png">
+            <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766027294575187.png">
         </div>
         <div class="headLineContentBox" ref="contentBox">
             <div class="headLineSlider" :style="sliderStyle" v-if="templateData.length > 0">
@@ -522,7 +522,7 @@
     <!--样式28-->
     <div class="headLineStyle1_skin26" v-if="componentStyle == 28">
         <div class="headTip">
-            <img src="https://img.bjzxtw.org.cn/pre/image/png/20251104/1762236444645473.png">
+            <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766027294575187.png">
         </div>
         <div class="headLineContentBox" ref="contentBox">
             <div class="headLineSlider" :style="sliderStyle" v-if="templateData.length > 0">
@@ -588,7 +588,7 @@
     <!--样式29-->
     <div class="headLineStyle1_skin26" v-if="componentStyle == 29">
         <div class="headTip">
-            <img src="https://img.bjzxtw.org.cn/pre/image/png/20251104/1762236444645473.png">
+            <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766027294575187.png">
         </div>
         <div class="headLineContentBox" ref="contentBox">
             <div class="headLineSlider" :style="sliderStyle" v-if="templateData.length > 0">
@@ -630,7 +630,7 @@
     <!--样式30-->
     <div class="headLineStyle1_skin26 headLineStyle1_skin30" v-if="componentStyle == 30">
         <div class="headTip">
-            <img src="https://img.bjzxtw.org.cn/pre/image/png/20251104/1762236444645473.png">
+            <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766027294575187.png">
         </div>
         <div class="headLineContentBox" ref="contentBox">
             <div class="headLineSlider" :style="sliderStyle" v-if="templateData.length > 0">
@@ -841,7 +841,7 @@
     </div>
     <!-- 样式41 -->
     <div class="headLineStyle headLineStyle1_skin41" v-if="componentStyle == 41">
-        <img src="https://img.bjzxtw.org.cn/pre/image/png/20251104/1762236494671807.png">
+        <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766027320372637.png">
         <div class="headLineTitle" v-if="templateData.length > 0">
             <NuxtLink :href="getLinkPathDetail(component_style1_News1)" :title="component_style1_News1.title"
                 :target="component_style1_News1.islink == 1 ? '_blank' : '_self'">
@@ -859,7 +859,7 @@
     </div>
     <!-- 样式42 -->
     <div class="headLineStyle headLineStyle1_skin42" v-if="componentStyle == 42">
-        <img src="https://img.bjzxtw.org.cn/pre/image/png/20251104/1762236494671807.png">
+        <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766027320372637.png">
         <div class="headLineTitle" v-if="templateData.length > 0">
             <NuxtLink :href="getLinkPathDetail(component_style1_News1)" :title="component_style1_News1.title"
                 :target="component_style1_News1.islink == 1 ? '_blank' : '_self'">
@@ -877,7 +877,7 @@
     </div>
     <!-- 样式43 -->
     <div class="headLineStyle headLineStyle1_skin43" v-if="componentStyle == 43">
-        <img src="https://img.bjzxtw.org.cn/pre/image/png/20251104/1762238998875425.png">
+        <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766027333360652.png">
         <div class="headLineTitle" v-if="templateData.length > 0">
             <NuxtLink :href="getLinkPathDetail(component_style1_News1)" :title="component_style1_News1.title"
                 :target="component_style1_News1.islink == 1 ? '_blank' : '_self'">
@@ -895,7 +895,7 @@
     </div>
     <!-- 样式44 -->
     <div class="headLineStyle headLineStyle1_skin44" v-if="componentStyle == 44">
-        <img src="https://img.bjzxtw.org.cn/pre/image/png/20251104/176223901317691.png">
+        <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766027343341830.png">
         <div class="headLineTitle" v-if="templateData.length > 0">
             <NuxtLink :href="getLinkPathDetail(component_style1_News1)" :title="component_style1_News1.title"
                 :target="component_style1_News1.islink == 1 ? '_blank' : '_self'">
@@ -930,7 +930,7 @@
     </div>
     <!-- 样式46 -->
     <div class="headLineStyle headLineStyle1_skin46" v-if="componentStyle == 46">
-        <img src="https://img.bjzxtw.org.cn/pre/image/png/20251104/1762239023403400.png">
+        <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766027670138761.png">
         <div class="headLineTitle" v-if="templateData.length > 0">
             <NuxtLink :href="getLinkPathDetail(component_style1_News1)" :title="component_style1_News1.title"
                 :target="component_style1_News1.islink == 1 ? '_blank' : '_self'">
@@ -948,7 +948,7 @@
     </div>
     <!-- 样式47 -->
     <div class="headLineStyle headLineStyle1_skin47" v-if="componentStyle == 47">
-        <img src="https://img.bjzxtw.org.cn/pre/image/png/20251104/1762239043974469.png">
+        <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766027686415326.png">
         <div class="headLineTitle" v-if="templateData.length > 0">
             <NuxtLink :href="getLinkPathDetail(component_style1_News1)" :title="component_style1_News1.title"
                 :target="component_style1_News1.islink == 1 ? '_blank' : '_self'">
@@ -967,7 +967,7 @@
     <!-- 样式48 -->
     <div class="headLineStyle headLineStyle1_skin48" v-if="componentStyle == 48">
         <div class="headLineTitle" v-if="templateData.length > 0">
-            <img src="https://img.bjzxtw.org.cn/pre/image/png/20251104/1762239062602865.png">
+            <img src="http://192.168.1.234:19000/pre/image/png/20251218/176602771556896.png">
             <NuxtLink :href="getLinkPathDetail(component_style1_News1)" :title="component_style1_News1.title"
                 :target="component_style1_News1.islink == 1 ? '_blank' : '_self'">
                 {{ component_style1_News1.title }}
@@ -985,7 +985,7 @@
     <!-- 样式49 -->
     <div class="headLineStyle headLineStyle1_skin49" v-if="componentStyle == 49">
         <div class="headLineTitle" v-if="templateData.length > 0">
-            <img src="https://img.bjzxtw.org.cn/pre/image/png/20251104/176223907860320.png">
+            <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766027730101829.png">
             <NuxtLink :href="getLinkPathDetail(component_style1_News1)" :title="component_style1_News1.title"
                 :target="component_style1_News1.islink == 1 ? '_blank' : '_self'">
                 {{ component_style1_News1.title }}

components/template/component/list/1200x1180/6/1.vue

@@ -0,0 +1,117 @@
+<template>
+    <div class="listNewsBox">
+        <!-- 样式1 -->
+        <div class="newsListSector" v-if="componentStyle == 1">
+            <div class="content" v-for="item in listData.slice(0, 10)">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    <span class="title">{{ item.title }}</span>
+                    <span class="time">{{ item.updated_at }}</span>
+                </NuxtLink>
+            </div>
+        </div>
+        <!-- 样式2 -->
+        <div class="newsListSector" v-if="componentStyle == 2">
+            <div class="content style2" v-for="item in listData.slice(0, 10)">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    <span class="title">{{ item.title }}</span>
+                    <span class="time">{{ item.updated_at }}</span>
+                </NuxtLink>
+            </div>
+        </div>
+        <!-- 样式3 -->
+        <div class="newsListSector" v-if="componentStyle == 3">
+            <div class="content style3" v-for="item in listData.slice(0, 10)">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    <span class="title">{{ item.title }}</span>
+                    <span class="time">{{ item.updated_at }}</span>
+                </NuxtLink>
+            </div>
+        </div>
+        <!-- 样式4 -->
+        <div class="newsListSector" v-if="componentStyle == 4">
+            <div class="content style4" v-for="item in listData.slice(0, 10)">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    <span class="title">{{ item.title }}</span>
+                    <span class="time">{{ item.updated_at }}</span>
+                </NuxtLink>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script setup>
+//引入vue
+import { ref } from 'vue';
+//获得新闻数据
+const props = defineProps({
+    listData: Array,//新闻数据
+    componentStyle: Number//组件样式
+});
+</script>
+
+<style lang="less" scoped>
+//基本样式 start ---------------------------------------->
+.listNewsBox {
+    .newsListSector {
+        .content {
+            width: 100%;
+            height: 99px;
+            border-bottom: 1px dashed #cbcbcb;
+            margin-bottom: 20px;
+            cursor: pointer;
+
+            .title {
+                display: block;
+                height: 24px;
+                line-height: 24px;
+                color: #333333;
+                font-size: 18px;
+                font-weight: bold;
+                margin-bottom: 25px;
+            }
+
+            .desc {
+                height: 63px;
+                line-height: 20px;
+                color: #666666;
+                font-size: 18px;
+                font-family: "Abhaya Libre", serif;
+                margin-bottom: 20px;
+                overflow: hidden;
+            }
+
+            .time {
+                font-family: "Abhaya Libre", serif;
+                font-size: 18px;
+                color: #666666;
+            }
+        }
+
+        // 样式2
+        .style2 {
+            border-bottom: 1px solid #cbcbcb;
+        }
+
+        // 样式3
+        .style3 {
+            .title {
+                font-weight: 400;
+            }
+        }
+
+        // 样式4
+        .style4 {
+            border-bottom: 1px solid #cbcbcb;
+
+            .title {
+                font-weight: 400;
+            }
+        }
+    }
+}
+
+//基本样式 end ----------------------------------------></style>

components/template/component/list/1200x1250/6/1.vue

@@ -0,0 +1,179 @@
+<template>
+    <div class="listNewsTitle">
+        本网招聘
+    </div>
+    <ul class="list" v-if="componentStyle == 1">
+        <div v-if="newsList.length > 0">
+            <li class="content" v-for="(item, index) in newsList" :key="index">
+                <NuxtLink :to="{ path: `zhaopin/${item.id}.html` }" :title="item.con_title">
+                    <span class="title">{{ getTitleLength(item.con_title, 50) }}</span>
+                    <span class="time">{{ item.updated_at }}</span>
+                </NuxtLink>
+            </li>
+        </div>
+        <div v-else-if="newsList.con_title">
+            <li class="content">
+                <NuxtLink :to="{ path: `zhaopin/${newsList.id}.html` }" :title="newsList.con_title">
+                    <span class="title">{{ newsList.con_title }}</span>
+                    <span class="time">{{ newsList.updated_at }}</span>
+                </NuxtLink>
+            </li>
+        </div>
+    </ul>
+    <ul class="list" v-if="componentStyle == 2">
+        <div v-if="newsList.length > 0">
+            <li class="content style2" v-for="(item, index) in newsList" :key="index">
+                <NuxtLink :to="{ path: `zhaopin/${item.id}.html` }" :title="item.con_title">
+                    <span class="title">{{ getTitleLength(item.con_title, 50) }}</span>
+                    <span class="time">{{ item.updated_at }}</span>
+                </NuxtLink>
+            </li>
+        </div>
+        <div v-else-if="newsList.con_title">
+            <li class="content style2">
+                <NuxtLink :to="{ path: `zhaopin/${newsList.id}.html` }" :title="newsList.con_title">
+                    <span class="title">{{ newsList.con_title }}</span>
+                    <span class="time">{{ newsList.updated_at }}</span>
+                </NuxtLink>
+            </li>
+        </div>
+    </ul>
+    <ul class="list" v-if="componentStyle == 3">
+        <div v-if="newsList.length > 0">
+            <li class="content style3" v-for="(item, index) in newsList" :key="index">
+                <NuxtLink :to="{ path: `zhaopin/${item.id}.html` }" :title="item.con_title">
+                    <span class="title">{{ getTitleLength(item.con_title, 50) }}</span>
+                    <span class="time">{{ item.updated_at }}</span>
+                </NuxtLink>
+            </li>
+        </div>
+        <div v-else-if="newsList.con_title">
+            <li class="content style3">
+                <NuxtLink :to="{ path: `zhaopin/${newsList.id}.html` }" :title="newsList.con_title">
+                    <span class="title">{{ newsList.con_title }}</span>
+                    <span class="time">{{ newsList.updated_at }}</span>
+                </NuxtLink>
+            </li>
+        </div>
+    </ul>
+    <ul class="list" v-if="componentStyle == 4">
+        <div v-if="newsList.length > 0">
+            <li class="content style4" v-for="(item, index) in newsList" :key="index">
+                <NuxtLink :to="{ path: `zhaopin/${item.id}.html` }" :title="item.con_title">
+                    <span class="title">{{ getTitleLength(item.con_title, 50) }}</span>
+                    <span class="time">{{ item.updated_at }}</span>
+                </NuxtLink>
+            </li>
+        </div>
+        <div v-else-if="newsList.con_title">
+            <li class="content style4">
+                <NuxtLink :to="{ path: `zhaopin/${newsList.id}.html` }" :title="newsList.con_title">
+                    <span class="title">{{ newsList.con_title }}</span>
+                    <span class="time">{{ newsList.updated_at }}</span>
+                </NuxtLink>
+            </li>
+        </div>
+    </ul>
+</template>
+
+<script setup>
+const props = defineProps({
+    newsList: Array,//模板数据
+    componentStyle: Number//样式编号
+});
+</script>
+
+<style lang="less" scoped>
+//基本样式 start ---------------------------------------->
+.listNewsTitle {
+    font-size: 22px;
+    font-weight: bold;
+    height: 44px;
+    // border-bottom: 2px solid #154079;
+    color: #154079;
+    box-sizing: border-box;
+    margin-top: 28px;
+    margin-bottom: 30px;
+}
+
+//基本样式 end ---------------------------------------->
+//样式1 start ---------------------------------------->
+.list {
+    margin-bottom: 30px;
+    padding-bottom: 10px;
+    margin-top: 10px;
+
+    div {
+        .content {
+            width: 100%;
+            height: 99px;
+            border-bottom: 1px dashed #cbcbcb;
+            margin-bottom: 20px;
+            cursor: pointer;
+
+            .title {
+                display: block;
+                height: 24px;
+                line-height: 24px;
+                color: #333333;
+                font-size: 18px;
+                font-weight: bold;
+                margin-bottom: 25px;
+            }
+
+            .desc {
+                height: 63px;
+                line-height: 20px;
+                color: #666666;
+                font-size: 18px;
+                font-family: "Abhaya Libre", serif;
+                margin-bottom: 20px;
+                overflow: hidden;
+            }
+
+            .time {
+                font-family: "Abhaya Libre", serif;
+                font-size: 18px;
+                color: #666666;
+            }
+        }
+
+        // 样式2
+        .style2 {
+            border-bottom: 1px solid #cbcbcb;
+        }
+
+        // 样式3
+        .style3 {
+            .title {
+                font-weight: 400;
+            }
+        }
+
+        // 样式4
+        .style4 {
+            border-bottom: 1px solid #cbcbcb;
+
+            .title {
+                font-weight: 400;
+            }
+        }
+    }
+}
+
+//样式1 end ---------------------------------------->
+//样式2 start ---------------------------------------->
+.listStyle2 {
+    li {
+
+        &:nth-child(1),
+        &:nth-child(6),
+        &:nth-child(11),
+        &:nth-child(16) {
+            font-size: 18px;
+            font-weight: normal;
+        }
+    }
+}
+
+//样式2 end ----------------------------------------></style>

components/template/component/list/1200x330/6/1.vue

@@ -0,0 +1,421 @@
+<template>
+    <div class="listNewsBox">
+        <div class="listNewsTitle">
+            <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="contentLeft" v-for="item in component_style1_News1Array_img_1">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    <img :src="item.imgurl" alt="">
+                    <div>{{ item.title }}</div>
+                </NuxtLink>
+            </div>
+            <div class="contentMid">
+                <div v-for="item in component_style1_News1Array_text_1">
+                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                        :target="item.islink == 1 ? '_blank' : '_self'">
+                        {{ item.title }}
+                    </NuxtLink>
+                </div>
+            </div>
+            <div class="contentRight">
+                <div v-for="item in component_style1_News1Array_text_2">
+                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                        :target="item.islink == 1 ? '_blank' : '_self'">
+                        {{ item.title }}
+                    </NuxtLink>
+                </div>
+                <div v-for="item in component_style1_News1Array_text_3">
+                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                        :target="item.islink == 1 ? '_blank' : '_self'">
+                        <span>{{ titleLink.alias }}</span>
+                        <em></em>
+                        <div class="title">{{ item.title }}</div>
+                    </NuxtLink>
+                </div>
+            </div>
+        </div>
+        <!--样式2-->
+        <div class="listNewsContent" v-if="componentStyle == 2">
+            <div class="contentMid">
+                <div v-for="item in component_style1_News1Array_text_1">
+                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                        :target="item.islink == 1 ? '_blank' : '_self'">
+                        {{ item.title }}
+                    </NuxtLink>
+                </div>
+            </div>
+            <div class="contentLeft" v-for="item in component_style1_News1Array_img_1">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    <img :src="item.imgurl" alt="">
+                    <div>{{ item.title }}</div>
+                </NuxtLink>
+            </div>
+            <div class="contentRight">
+                <div v-for="item in component_style1_News1Array_text_2">
+                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                        :target="item.islink == 1 ? '_blank' : '_self'">
+                        {{ item.title }}
+                    </NuxtLink>
+                </div>
+                <div v-for="item in component_style1_News1Array_text_3">
+                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                        :target="item.islink == 1 ? '_blank' : '_self'">
+                        <span>{{ titleLink.alias }}</span>
+                        <em></em>
+                        <div class="title">{{ item.title }}</div>
+                    </NuxtLink>
+                </div>
+            </div>
+        </div>
+        <!--样式3-->
+        <div class="listNewsContent style3" v-if="componentStyle == 3">
+            <div class="contentMid">
+                <div v-for="item in component_style1_News1Array_text_1">
+                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                        :target="item.islink == 1 ? '_blank' : '_self'">
+                        {{ item.title }}
+                    </NuxtLink>
+                </div>
+            </div>
+            <div class="contentRight">
+                <div v-for="item in component_style1_News1Array_text_2">
+                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                        :target="item.islink == 1 ? '_blank' : '_self'">
+                        {{ item.title }}
+                    </NuxtLink>
+                </div>
+                <div v-for="item in component_style1_News1Array_text_3">
+                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                        :target="item.islink == 1 ? '_blank' : '_self'">
+                        <span>{{ titleLink.alias }}</span>
+                        <em></em>
+                        <div class="title">{{ item.title }}</div>
+                    </NuxtLink>
+                </div>
+            </div>
+            <div class="contentLeft" v-for="item in component_style1_News1Array_img_1">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    <img :src="item.imgurl" alt="">
+                    <div>{{ item.title }}</div>
+                </NuxtLink>
+            </div>
+        </div>
+        <!--样式4-->
+        <div class="listNewsContent style4" v-if="componentStyle == 4">
+            <div class="contentLeft" v-for="item in component_style1_News1Array_img_1">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    <img :src="item.imgurl" alt="">
+                    <div>{{ item.title }}</div>
+                </NuxtLink>
+            </div>
+            <div class="contentMid">
+                <div v-for="item in component_style1_News1Array_text_1">
+                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                        :target="item.islink == 1 ? '_blank' : '_self'">
+                        {{ item.title }}
+                    </NuxtLink>
+                </div>
+            </div>
+            <div class="contentRight">
+                <div v-for="item in component_style1_News1Array_text_2">
+                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                        :target="item.islink == 1 ? '_blank' : '_self'">
+                        {{ item.title }}
+                    </NuxtLink>
+                </div>
+                <div v-for="item in component_style1_News1Array_text_3">
+                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                        :target="item.islink == 1 ? '_blank' : '_self'">
+                        <span>{{ titleLink.alias }}</span>
+                        <em></em>
+                        <div class="title">{{ item.title }}</div>
+                    </NuxtLink>
+                </div>
+            </div>
+        </div>
+        <!--样式5-->
+        <div class="listNewsContent style5" v-if="componentStyle == 5">
+            <div class="contentMid">
+                <div v-for="item in component_style1_News1Array_text_1">
+                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                        :target="item.islink == 1 ? '_blank' : '_self'">
+                        {{ item.title }}
+                    </NuxtLink>
+                </div>
+            </div>
+            <div class="contentLeft" v-for="item in component_style1_News1Array_img_1">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    <img :src="item.imgurl" alt="">
+                    <div>{{ item.title }}</div>
+                </NuxtLink>
+            </div>
+            <div class="contentRight">
+                <div v-for="item in component_style1_News1Array_text_2">
+                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                        :target="item.islink == 1 ? '_blank' : '_self'">
+                        {{ item.title }}
+                    </NuxtLink>
+                </div>
+                <div v-for="item in component_style1_News1Array_text_3">
+                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                        :target="item.islink == 1 ? '_blank' : '_self'">
+                        <span>{{ titleLink.alias }}</span>
+                        <em></em>
+                        <div class="title">{{ item.title }}</div>
+                    </NuxtLink>
+                </div>
+            </div>
+        </div>
+        <!--样式6-->
+        <div class="listNewsContent style6" v-if="componentStyle == 6">
+            <div class="contentMid">
+                <div v-for="item in component_style1_News1Array_text_1">
+                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                        :target="item.islink == 1 ? '_blank' : '_self'">
+                        {{ item.title }}
+                    </NuxtLink>
+                </div>
+            </div>
+            <div class="contentRight">
+                <div v-for="item in component_style1_News1Array_text_2">
+                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                        :target="item.islink == 1 ? '_blank' : '_self'">
+                        {{ item.title }}
+                    </NuxtLink>
+                </div>
+                <div v-for="item in component_style1_News1Array_text_3">
+                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                        :target="item.islink == 1 ? '_blank' : '_self'">
+                        <span>{{ titleLink.alias }}</span>
+                        <em></em>
+                        <div class="title">{{ item.title }}</div>
+                    </NuxtLink>
+                </div>
+            </div>
+            <div class="contentLeft" v-for="item in component_style1_News1Array_img_1">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    <img :src="item.imgurl" alt="">
+                    <div>{{ item.title }}</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_img_1 = ref([]);
+const component_style1_News1Array_text_1 = ref([]);
+const component_style1_News1Array_text_2 = ref([]);
+const component_style1_News1Array_text_3 = ref([]);
+//真实数据
+// 图文数据
+component_style1_News1Array_img_1.value = props.templateData.imgnum.slice(0, 1);
+// 文本数据
+component_style1_News1Array_text_1.value = props.templateData.textnum.slice(0, 6);
+component_style1_News1Array_text_2.value = props.templateData.textnum.slice(6, 7);
+component_style1_News1Array_text_3.value = props.templateData.textnum.slice(7, 12);
+
+//样式1与样式2共用 end ---------------------------------------->
+</script>
+
+<style lang="less" scoped>
+//基本样式 start ---------------------------------------->
+.listNewsBox {
+    position: relative;
+
+    .listNewsTitle {
+        height: 38px;
+        line-height: 38px;
+        margin-bottom: 19px;
+
+        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: #154079;
+            padding-bottom: 5px;
+            background: url("http://192.168.1.234:19000/pre/image/png/20251218/1766042138413493.png") bottom left no-repeat;
+        }
+    }
+
+    .listNewsContent {
+        width: 100%;
+        height: 268px;
+        display: flex;
+        align-items: flex-start;
+        justify-content: flex-start;
+
+        .contentLeft {
+            position: relative;
+            width: 380px;
+            height: 268px;
+            margin-right: 30px;
+            cursor: pointer;
+
+            a {
+                img {
+                    width: 380px;
+                    height: 268px;
+                }
+
+                div {
+                    position: absolute;
+                    bottom: 0;
+                    left: 0;
+                    width: 380px;
+                    height: 50px;
+                    line-height: 50px;
+                    color: #fff;
+                    font-size: 16px;
+                    font-weight: bold;
+                    padding-left: 20px;
+                    background-color: #ccc;
+                    box-sizing: border-box;
+                }
+            }
+
+
+        }
+
+        .contentMid {
+            width: 378px;
+            height: 268px;
+            margin-right: 20px;
+
+            div {
+                width: 365px;
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                font-size: 18px;
+                color: #666666;
+                margin-bottom: 18px;
+                padding-left: 8px;
+                background: url("http://192.168.1.234:19000/pre/image/png/20251218/1766042944885873.png") no-repeat left center;
+
+                &:first-child {
+                    width: 378px;
+                    height: 48px;
+                    line-height: 24px;
+                    font-weight: bold;
+                    color: #333333;
+                    padding-left: 0px;
+                    background: none;
+
+                    a {
+                        color: #333333;
+                    }
+                }
+
+                &:last-child {
+                    margin-bottom: 0;
+                }
+
+                a {
+                    color: #666666;
+                }
+            }
+        }
+
+        .contentRight {
+            width: 380px;
+            height: 268px;
+
+            div {
+                width: 380px;
+                color: #333333;
+                font-size: 18px;
+                margin-bottom: 16px;
+                cursor: pointer;
+
+                span {
+                    color: #154079;
+                }
+
+                em {
+                    display: inline-block;
+                    width: 2px;
+                    height: 14px;
+                    margin: 0 15px;
+                    background-color: #d3d5d8;
+                }
+
+                &:nth-child(1) {
+                    height: 48px;
+                    line-height: 24px;
+                    font-weight: bold;
+                    color: #333333;
+                    font-weight: bold;
+
+                    a {
+                        color: #333333;
+                    }
+                }
+
+                .title {
+                    display: inline-block;
+                    width: 255px;
+                    white-space: nowrap;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    vertical-align: -5px;
+                }
+
+                &:last-child {
+                    margin-bottom: 0;
+                }
+            }
+        }
+    }
+
+    //样式3
+    .style3,
+    .style6 {
+        .contentLeft {
+            margin-right: 0px;
+        }
+
+        .contentRight {
+            margin-right: 30px;
+        }
+    }
+
+    .style4,
+    .style5,
+    .style6 {
+        .contentMid {
+            div {
+                padding-left: 8px;
+                background: url("http://192.168.1.234:19000/pre/image/png/20251218/176604296168575.png") no-repeat left center;
+            }
+        }
+    }
+}
+</style>

components/template/component/list/1200x410/6.vue

@@ -211,11 +211,11 @@ component_style1_News2Array.value = props.templateData.textnum.slice(0, 7);
                     height: 30px;
                     line-height: 30px;
                     font-weight: bold;
-                    // background-image: linear-gradient(to right, #154079, #ffffff);
                     background-size: 100% 6px;
                     background-repeat: no-repeat;
                     background-position: bottom;
                     padding-bottom: 6px;
+                    background: url("http://192.168.1.234:19000/pre/image/png/20251218/1766042138413493.png") bottom left no-repeat;
 
                     a {
                         color: #154079;

components/template/component/list/1200x430/6.vue

@@ -125,7 +125,6 @@ component_style1_News1Array_img_4.value = props.templateData1.imgnum.slice(1, 5)
         display: flex;
         align-items: flex-start;
         justify-content: flex-start;
-        border-bottom: 1px solid #999999;
         height: 38px;
 
         div {
@@ -139,10 +138,11 @@ component_style1_News1Array_img_4.value = props.templateData1.imgnum.slice(1, 5)
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
+            padding-bottom: 5px;
 
             &.activeTab {
                 color: #154079;
-                background: url("https://img.bjzxtw.org.cn/pre/image/png/20251104/1762224944805589.png") bottom left no-repeat;
+                background: url("http://192.168.1.234:19000/pre/image/png/20251218/1766042138413493.png") bottom left no-repeat;
             }
         }
     }

components/template/component/list/1200x480/6/1.vue

@@ -0,0 +1,1223 @@
+<template>
+    <div class="listNewsBox">
+        <div class="listNewsTitle">
+            <NuxtLink v-if="titleLink1.cid" :href="getLinkPath(titleLink1)" :title="titleLink1.alias">
+                <div :class="{ activeTab: activeTab == 0 }" @mouseenter="activeTab = 0">{{ titleLink1.alias }}</div>
+            </NuxtLink>
+            <NuxtLink v-if="titleLink2.cid" :href="getLinkPath(titleLink2)" :title="titleLink2.alias">
+                <div :class="{ activeTab: activeTab == 1 }" @mouseenter="activeTab = 1">{{ titleLink2.alias }}</div>
+            </NuxtLink>
+        </div>
+        <!--样式1-->
+        <div class="listNewsContent" v-if="componentStyle == 1">
+            <div class="box1" v-if="activeTab == 0">
+                <div class="textLeft">
+                    <div class="textLeft_1">
+                        <div class="textLeft_1_top" v-for="item in component_style1_News1Array_img_1">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                <img :src="item.imgurl" alt="">
+                                <span>{{ item.title }}</span>
+                            </NuxtLink>
+                        </div>
+                        <div class="textLeft_1_bottom">
+                            <div v-for="item in component_style1_News1Array_img_2">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" alt="">
+                                    <span>{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="textLeft_2">
+                        <div class="textleftContent">
+                            <div v-for="item in component_style1_News2Array_text_1">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    {{ item.title }}
+                                </NuxtLink>
+                            </div>
+                        </div>
+                        <div class="textleftContent">
+                            <div v-for="item in component_style1_News2Array_text_2">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    {{ item.title }}
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="textRight">
+                    <div class="textRightContent">
+                        <div class="textRightContent_title">专题报道</div>
+                        <div class="textRightContent_content">
+                            <div v-for="item in component_style1_News1Array_img_3">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" alt="">
+                                    <span>{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="textRightContent">
+                        <div class="textRightContent_title">专题报道</div>
+                        <div class="textRightContent_content">
+                            <div v-for="item in component_style1_News1Array_img_4">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" alt="">
+                                    <span>{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="box1" v-if="activeTab == 1">
+                <div class="textLeft">
+                    <div class="textLeft_1">
+                        <div class="textLeft_1_top" v-for="item in component_style1_News1Array_img_5">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                <img :src="item.imgurl" alt="">
+                                <span>{{ item.title }}</span>
+                            </NuxtLink>
+                        </div>
+                        <div class="textLeft_1_bottom">
+                            <div v-for="item in component_style1_News1Array_img_6">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" alt="">
+                                    <span>{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="textLeft_2">
+                        <div class="textleftContent">
+                            <div v-for="item in component_style1_News2Array_text_3">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    {{ item.title }}
+                                </NuxtLink>
+                            </div>
+                        </div>
+                        <div class="textleftContent">
+                            <div v-for="item in component_style1_News2Array_text_4">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    {{ item.title }}
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="textRight">
+                    <div class="textRightContent">
+                        <div class="textRightContent_title">专题报道</div>
+                        <div class="textRightContent_content">
+                            <div v-for="item in component_style1_News1Array_img_7">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" alt="">
+                                    <span>{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="textRightContent">
+                        <div class="textRightContent_title">专题报道</div>
+                        <div class="textRightContent_content">
+                            <div v-for="item in component_style1_News1Array_img_8">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" alt="">
+                                    <span>{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!--样式2-->
+        <div class="listNewsContent style2" v-if="componentStyle == 2">
+            <div class="box1" v-if="activeTab == 0">
+                <div class="textLeft">
+                    <div class="textLeft_2">
+                        <div class="textleftContent">
+                            <div v-for="item in component_style1_News2Array_text_1">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    {{ item.title }}
+                                </NuxtLink>
+                            </div>
+                        </div>
+                        <div class="textleftContent">
+                            <div v-for="item in component_style1_News2Array_text_2">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    {{ item.title }}
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="textLeft_1">
+                        <div class="textLeft_1_top" v-for="item in component_style1_News1Array_img_1">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                <img :src="item.imgurl" alt="">
+                                <span>{{ item.title }}</span>
+                            </NuxtLink>
+                        </div>
+                        <div class="textLeft_1_bottom">
+                            <div v-for="item in component_style1_News1Array_img_2">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" alt="">
+                                    <span>{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="textRight">
+                    <div class="textRightContent">
+                        <div class="textRightContent_title">专题报道</div>
+                        <div class="textRightContent_content">
+                            <div v-for="item in component_style1_News1Array_img_3">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" alt="">
+                                    <span>{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="textRightContent">
+                        <div class="textRightContent_title">专题报道</div>
+                        <div class="textRightContent_content">
+                            <div v-for="item in component_style1_News1Array_img_4">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" alt="">
+                                    <span>{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="box1" v-if="activeTab == 1">
+                <div class="textLeft">
+                    <div class="textLeft_2">
+                        <div class="textleftContent">
+                            <div v-for="item in component_style1_News2Array_text_3">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    {{ item.title }}
+                                </NuxtLink>
+                            </div>
+                        </div>
+                        <div class="textleftContent">
+                            <div v-for="item in component_style1_News2Array_text_4">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    {{ item.title }}
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="textLeft_1">
+                        <div class="textLeft_1_top" v-for="item in component_style1_News1Array_img_5">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                <img :src="item.imgurl" alt="">
+                                <span>{{ item.title }}</span>
+                            </NuxtLink>
+                        </div>
+                        <div class="textLeft_1_bottom">
+                            <div v-for="item in component_style1_News1Array_img_6">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" alt="">
+                                    <span>{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="textRight">
+                    <div class="textRightContent">
+                        <div class="textRightContent_title">专题报道</div>
+                        <div class="textRightContent_content">
+                            <div v-for="item in component_style1_News1Array_img_7">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" alt="">
+                                    <span>{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="textRightContent">
+                        <div class="textRightContent_title">专题报道</div>
+                        <div class="textRightContent_content">
+                            <div v-for="item in component_style1_News1Array_img_8">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" alt="">
+                                    <span>{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!--样式3-->
+        <div class="listNewsContent style3" v-if="componentStyle == 3">
+            <div class="box1" v-if="activeTab == 0">
+                <div class="textLeft">
+                    <div class="textLeft_1">
+                        <div class="textLeft_1_top" v-for="item in component_style1_News1Array_img_1">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                <img :src="item.imgurl" alt="">
+                                <span>{{ item.title }}</span>
+                            </NuxtLink>
+                        </div>
+                        <div class="textLeft_1_bottom">
+                            <div v-for="item in component_style1_News1Array_img_2">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" alt="">
+                                    <span>{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="textLeft_2">
+                        <div class="textleftContent">
+                            <div v-for="item in component_style1_News2Array_text_1">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    {{ item.title }}
+                                </NuxtLink>
+                            </div>
+                        </div>
+                        <div class="textleftContent">
+                            <div v-for="item in component_style1_News2Array_text_2">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    {{ item.title }}
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="textRight">
+                    <div class="textRightContent">
+                        <div class="textRightContent_title">专题报道</div>
+                        <div class="textRightContent_content">
+                            <div v-for="item in component_style1_News1Array_img_3">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" alt="">
+                                    <span>{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="textRightContent">
+                        <div class="textRightContent_title">专题报道</div>
+                        <div class="textRightContent_content">
+                            <div v-for="item in component_style1_News1Array_img_4">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" alt="">
+                                    <span>{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="box1" v-if="activeTab == 1">
+                <div class="textLeft">
+                    <div class="textLeft_1">
+                        <div class="textLeft_1_top" v-for="item in component_style1_News1Array_img_5">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                <img :src="item.imgurl" alt="">
+                                <span>{{ item.title }}</span>
+                            </NuxtLink>
+                        </div>
+                        <div class="textLeft_1_bottom">
+                            <div v-for="item in component_style1_News1Array_img_6">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" alt="">
+                                    <span>{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="textLeft_2">
+                        <div class="textleftContent">
+                            <div v-for="item in component_style1_News2Array_text_3">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    {{ item.title }}
+                                </NuxtLink>
+                            </div>
+                        </div>
+                        <div class="textleftContent">
+                            <div v-for="item in component_style1_News2Array_text_4">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    {{ item.title }}
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="textRight">
+                    <div class="textRightContent">
+                        <div class="textRightContent_title">专题报道</div>
+                        <div class="textRightContent_content">
+                            <div v-for="item in component_style1_News1Array_img_7">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" alt="">
+                                    <span>{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="textRightContent">
+                        <div class="textRightContent_title">专题报道</div>
+                        <div class="textRightContent_content">
+                            <div v-for="item in component_style1_News1Array_img_8">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" alt="">
+                                    <span>{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!--样式4-->
+        <div class="listNewsContent style4" v-if="componentStyle == 4">
+            <div class="box1" v-if="activeTab == 0">
+                <div class="textLeft">
+                    <div class="textLeft_2">
+                        <div class="textleftContent">
+                            <div v-for="item in component_style1_News2Array_text_1">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    {{ item.title }}
+                                </NuxtLink>
+                            </div>
+                        </div>
+                        <div class="textleftContent">
+                            <div v-for="item in component_style1_News2Array_text_2">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    {{ item.title }}
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="textLeft_1">
+                        <div class="textLeft_1_top" v-for="item in component_style1_News1Array_img_1">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                <img :src="item.imgurl" alt="">
+                                <span>{{ item.title }}</span>
+                            </NuxtLink>
+                        </div>
+                        <div class="textLeft_1_bottom">
+                            <div v-for="item in component_style1_News1Array_img_2">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" alt="">
+                                    <span>{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="textRight">
+                    <div class="textRightContent">
+                        <div class="textRightContent_title">专题报道</div>
+                        <div class="textRightContent_content">
+                            <div v-for="item in component_style1_News1Array_img_3">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" alt="">
+                                    <span>{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="textRightContent">
+                        <div class="textRightContent_title">专题报道</div>
+                        <div class="textRightContent_content">
+                            <div v-for="item in component_style1_News1Array_img_4">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" alt="">
+                                    <span>{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="box1" v-if="activeTab == 1">
+                <div class="textLeft">
+                    <div class="textLeft_2">
+                        <div class="textleftContent">
+                            <div v-for="item in component_style1_News2Array_text_3">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    {{ item.title }}
+                                </NuxtLink>
+                            </div>
+                        </div>
+                        <div class="textleftContent">
+                            <div v-for="item in component_style1_News2Array_text_4">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    {{ item.title }}
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="textLeft_1">
+                        <div class="textLeft_1_top" v-for="item in component_style1_News1Array_img_5">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                <img :src="item.imgurl" alt="">
+                                <span>{{ item.title }}</span>
+                            </NuxtLink>
+                        </div>
+                        <div class="textLeft_1_bottom">
+                            <div v-for="item in component_style1_News1Array_img_6">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" alt="">
+                                    <span>{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="textRight">
+                    <div class="textRightContent">
+                        <div class="textRightContent_title">专题报道</div>
+                        <div class="textRightContent_content">
+                            <div v-for="item in component_style1_News1Array_img_7">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" alt="">
+                                    <span>{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="textRightContent">
+                        <div class="textRightContent_title">专题报道</div>
+                        <div class="textRightContent_content">
+                            <div v-for="item in component_style1_News1Array_img_8">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" alt="">
+                                    <span>{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!--样式5-->
+        <div class="listNewsContent style5" v-if="componentStyle == 5">
+            <div class="box1" v-if="activeTab == 0">
+                <div class="textLeft">
+                    <div class="textLeft_1">
+                        <div class="textLeft_1_top" v-for="item in component_style1_News1Array_img_1">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                <img :src="item.imgurl" alt="">
+                                <span>{{ item.title }}</span>
+                            </NuxtLink>
+                        </div>
+                        <div class="textLeft_1_bottom">
+                            <div v-for="item in component_style1_News1Array_img_2">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" alt="">
+                                    <span>{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="textLeft_2">
+                        <div class="textleftContent">
+                            <div v-for="item in component_style1_News2Array_text_1">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    {{ item.title }}
+                                </NuxtLink>
+                            </div>
+                        </div>
+                        <div class="textleftContent">
+                            <div v-for="item in component_style1_News2Array_text_2">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    {{ item.title }}
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="textRight">
+                    <div class="textRightContent">
+                        <div class="textRightContent_title">专题报道</div>
+                        <div class="textRightContent_content">
+                            <div v-for="item in component_style1_News1Array_img_3">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" alt="">
+                                    <span>{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="textRightContent">
+                        <div class="textRightContent_title">专题报道</div>
+                        <div class="textRightContent_content">
+                            <div v-for="item in component_style1_News1Array_img_4">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" alt="">
+                                    <span>{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="box1" v-if="activeTab == 1">
+                <div class="textLeft">
+                    <div class="textLeft_1">
+                        <div class="textLeft_1_top" v-for="item in component_style1_News1Array_img_5">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                <img :src="item.imgurl" alt="">
+                                <span>{{ item.title }}</span>
+                            </NuxtLink>
+                        </div>
+                        <div class="textLeft_1_bottom">
+                            <div v-for="item in component_style1_News1Array_img_6">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" alt="">
+                                    <span>{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="textLeft_2">
+                        <div class="textleftContent">
+                            <div v-for="item in component_style1_News2Array_text_3">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    {{ item.title }}
+                                </NuxtLink>
+                            </div>
+                        </div>
+                        <div class="textleftContent">
+                            <div v-for="item in component_style1_News2Array_text_4">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    {{ item.title }}
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="textRight">
+                    <div class="textRightContent">
+                        <div class="textRightContent_title">专题报道</div>
+                        <div class="textRightContent_content">
+                            <div v-for="item in component_style1_News1Array_img_7">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" alt="">
+                                    <span>{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="textRightContent">
+                        <div class="textRightContent_title">专题报道</div>
+                        <div class="textRightContent_content">
+                            <div v-for="item in component_style1_News1Array_img_8">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" alt="">
+                                    <span>{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!--样式6-->
+        <div class="listNewsContent style6" v-if="componentStyle == 6">
+            <div class="box1" v-if="activeTab == 0">
+                <div class="textLeft">
+                    <div class="textLeft_2">
+                        <div class="textleftContent">
+                            <div v-for="item in component_style1_News2Array_text_1">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    {{ item.title }}
+                                </NuxtLink>
+                            </div>
+                        </div>
+                        <div class="textleftContent">
+                            <div v-for="item in component_style1_News2Array_text_2">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    {{ item.title }}
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="textLeft_1">
+                        <div class="textLeft_1_top" v-for="item in component_style1_News1Array_img_1">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                <img :src="item.imgurl" alt="">
+                                <span>{{ item.title }}</span>
+                            </NuxtLink>
+                        </div>
+                        <div class="textLeft_1_bottom">
+                            <div v-for="item in component_style1_News1Array_img_2">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" alt="">
+                                    <span>{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="textRight">
+                    <div class="textRightContent">
+                        <div class="textRightContent_title">专题报道</div>
+                        <div class="textRightContent_content">
+                            <div v-for="item in component_style1_News1Array_img_3">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" alt="">
+                                    <span>{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="textRightContent">
+                        <div class="textRightContent_title">专题报道</div>
+                        <div class="textRightContent_content">
+                            <div v-for="item in component_style1_News1Array_img_4">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" alt="">
+                                    <span>{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="box1" v-if="activeTab == 1">
+                <div class="textLeft">
+                    <div class="textLeft_2">
+                        <div class="textleftContent">
+                            <div v-for="item in component_style1_News2Array_text_3">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    {{ item.title }}
+                                </NuxtLink>
+                            </div>
+                        </div>
+                        <div class="textleftContent">
+                            <div v-for="item in component_style1_News2Array_text_4">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    {{ item.title }}
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="textLeft_1">
+                        <div class="textLeft_1_top" v-for="item in component_style1_News1Array_img_5">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                <img :src="item.imgurl" alt="">
+                                <span>{{ item.title }}</span>
+                            </NuxtLink>
+                        </div>
+                        <div class="textLeft_1_bottom">
+                            <div v-for="item in component_style1_News1Array_img_6">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" alt="">
+                                    <span>{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="textRight">
+                    <div class="textRightContent">
+                        <div class="textRightContent_title">专题报道</div>
+                        <div class="textRightContent_content">
+                            <div v-for="item in component_style1_News1Array_img_7">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" alt="">
+                                    <span>{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="textRightContent">
+                        <div class="textRightContent_title">专题报道</div>
+                        <div class="textRightContent_content">
+                            <div v-for="item in component_style1_News1Array_img_8">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" alt="">
+                                    <span>{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script setup>
+//引入vue
+import { ref } from 'vue';
+//获得新闻数据
+const props = defineProps({
+    titleLink1: Object,//板块1名称
+    titleLink2: Object,//板块2名称
+    templateData: Array,//新闻数据
+    templateData1: Array,//新闻数据
+    componentStyle: Number,//样式编号
+});
+//定义tab切换
+const activeTab = ref(0);
+// 新闻数据
+const component_style1_News1Array_img_1 = ref([]);
+const component_style1_News1Array_img_2 = ref([]);
+const component_style1_News1Array_img_3 = ref([]);
+const component_style1_News1Array_img_4 = ref([]);
+const component_style1_News2Array_text_1 = ref([]);
+const component_style1_News2Array_text_2 = ref([]);
+
+const component_style1_News1Array_img_5 = ref([]);
+const component_style1_News1Array_img_6 = ref([]);
+const component_style1_News1Array_img_7 = ref([]);
+const component_style1_News1Array_img_8 = ref([]);
+const component_style1_News2Array_text_3 = ref([]);
+const component_style1_News2Array_text_4 = ref([]);
+
+component_style1_News1Array_img_1.value = props.templateData.imgnum.slice(0, 1);
+component_style1_News1Array_img_2.value = props.templateData.imgnum.slice(1, 3);
+component_style1_News1Array_img_3.value = props.templateData.imgnum.slice(3, 5);
+component_style1_News1Array_img_4.value = props.templateData.imgnum.slice(5, 7);
+component_style1_News2Array_text_1.value = props.templateData.textnum.slice(0, 4);
+component_style1_News2Array_text_2.value = props.templateData.textnum.slice(4, 8);
+
+component_style1_News1Array_img_5.value = props.templateData1.imgnum.slice(0, 1);
+component_style1_News1Array_img_6.value = props.templateData1.imgnum.slice(1, 3);
+component_style1_News1Array_img_7.value = props.templateData1.imgnum.slice(3, 5);
+component_style1_News1Array_img_8.value = props.templateData1.imgnum.slice(5, 7);
+component_style1_News2Array_text_3.value = props.templateData1.textnum.slice(0, 4);
+component_style1_News2Array_text_4.value = props.templateData1.textnum.slice(4, 8);
+</script>
+
+<style lang="less" scoped>
+//基本样式 start ---------------------------------------->
+.listNewsBox {
+    position: relative;
+
+    .listNewsTitle {
+        display: flex;
+        align-items: flex-start;
+        justify-content: flex-start;
+        height: 38px;
+
+        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;
+            padding-bottom: 5px;
+
+            &.activeTab {
+                color: #154079;
+                background: url("http://192.168.1.234:19000/pre/image/png/20251218/1766042138413493.png") bottom left no-repeat;
+            }
+        }
+    }
+
+    .dashed {
+        border-bottom: 1px dashed #999999;
+    }
+
+    .listNewsContent {
+        margin-top: 20px;
+
+        .box1 {
+            display: flex;
+            align-items: flex-start;
+            justify-content: flex-start;
+            margin-bottom: 20px;
+
+            .textLeft {
+                width: 788px;
+                height: 416px;
+                margin-right: 32px;
+                display: flex;
+                align-items: flex-start;
+                justify-content: flex-start;
+
+                .textLeft_1 {
+                    width: 380px;
+                    height: 416px;
+                    margin-right: 20px;
+
+                    .textLeft_1_top {
+                        position: relative;
+                        width: 380px;
+                        height: 268px;
+                        margin-bottom: 18px;
+
+
+                        img {
+                            width: 380px;
+                            height: 268px;
+                        }
+
+                        span {
+                            display: inline-block;
+                            position: absolute;
+                            bottom: 0;
+                            left: 0;
+                            width: 100%;
+                            height: 40px;
+                            line-height: 40px;
+                            font-size: 16px;
+                            font-weight: bold;
+                            color: #fff;
+                            padding-left: 10px;
+                            background-color: #ccc;
+                            box-sizing: border-box;
+                        }
+                    }
+
+                    .textLeft_1_bottom {
+                        width: 380px;
+                        height: 130px;
+                        display: flex;
+                        align-items: flex-start;
+                        justify-content: flex-start;
+
+                        div {
+                            position: relative;
+                            width: 185px;
+                            height: 130px;
+
+                            &:first-child {
+                                margin-right: 10px;
+                            }
+
+                            a {
+                                img {
+                                    width: 185px;
+                                    height: 130px;
+                                }
+
+                                span {
+                                    display: inline-block;
+                                    position: absolute;
+                                    bottom: 0px;
+                                    left: 0;
+                                    width: 185px;
+                                    height: 30px;
+                                    line-height: 30px;
+                                    font-size: 14px;
+                                    font-weight: bold;
+                                    color: #fff;
+                                    text-align: center;
+                                    background-color: #ccc;
+                                    white-space: nowrap;
+                                    overflow: hidden;
+                                    text-overflow: ellipsis;
+                                    padding: 0 5px;
+                                    box-sizing: border-box;
+                                }
+                            }
+
+
+                        }
+                    }
+                }
+
+                .textLeft_2 {
+                    width: 378px;
+                    height: 416px;
+
+                    .textleftContent {
+                        width: 378px;
+                        height: 210px;
+
+                        &:first-child {
+                            border-bottom: 1px dashed #ccc;
+                            margin-bottom: 30px;
+                        }
+
+                        div {
+                            font-size: 18px;
+                            color: #666666;
+                            margin-bottom: 17px;
+                            padding-left: 8px;
+                            background: url("http://192.168.1.234:19000/pre/image/png/20251218/1766042944885873.png") no-repeat left center;
+
+                            &:first-child {
+                                height: 48px;
+                                line-height: 24px;
+                                font-weight: bold;
+                                color: #333333;
+                                padding-left: 0;
+                                background: none;
+
+                                a {
+                                    color: #333333;
+                                }
+                            }
+
+                            &:nth-child(2),
+                            &:nth-child(3),
+                            &:nth-child(4) {
+                                color: #666666;
+                                white-space: nowrap;
+                                overflow: hidden;
+                                text-overflow: ellipsis;
+
+                                a {
+                                    color: #666666;
+                                }
+                            }
+
+                            &:last-child {
+                                margin-bottom: 0;
+                            }
+
+
+                        }
+                    }
+                }
+            }
+
+            .textRight {
+                width: 380px;
+                height: 417px;
+
+                .textRightContent {
+                    width: 380px;
+                    height: 210px;
+
+                    &:first-child {
+                        border-bottom: 1px dashed #ccc;
+                        margin-bottom: 30px;
+                    }
+
+                    .textRightContent_title {
+                        font-size: 20px;
+                        font-weight: bold;
+                        color: #154079;
+                        margin-bottom: 23px;
+                    }
+
+                    .textRightContent_content {
+                        width: 380px;
+                        height: 130px;
+                        display: flex;
+                        align-items: flex-start;
+                        justify-content: flex-start;
+
+                        div {
+                            width: 185px;
+                            height: 130px;
+                            position: relative;
+
+                            a {
+                                img {
+                                    width: 185px;
+                                    height: 130px;
+                                }
+
+                                span {
+                                    position: absolute;
+                                    bottom: 0;
+                                    left: 0;
+                                    display: inline-block;
+                                    width: 185px;
+                                    height: 30px;
+                                    line-height: 30px;
+                                    font-size: 14px;
+                                    font-weight: bold;
+                                    color: #fff;
+                                    text-align: center;
+                                    background-color: #ccc;
+                                    white-space: nowrap;
+                                    overflow: hidden;
+                                    text-overflow: ellipsis;
+                                    padding: 0 5px;
+                                    box-sizing: border-box;
+                                }
+                            }
+
+                            &:first-child {
+                                margin-right: 10px;
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+
+    //样式2
+    .style2 {
+        .textLeft {
+            margin-right: 28px;
+
+            .textLeft_2 {
+                margin-right: 30px;
+            }
+
+            .textLeft_1 {
+                margin-right: 0px;
+            }
+        }
+    }
+
+    // 样式3
+    .style3 {
+        .box1 {
+            .textLeft {
+                .textLeft_2 {
+                    .textleftContent {
+                        div {
+                            padding-left: 8px;
+                            background: url("http://192.168.1.234:19000/pre/image/png/20251218/176604296168575.png") no-repeat left center;
+                        }
+                    }
+                }
+            }
+        }
+    }
+
+    // 样式4
+    .style4 {
+        .box1 {
+            .textLeft {
+                margin-right: 28px;
+
+                .textLeft_2 {
+                    margin-right: 30px;
+
+                    .textleftContent {
+                        div {
+                            padding-left: 8px;
+                            background: url("http://192.168.1.234:19000/pre/image/png/20251218/176604296168575.png") no-repeat left center;
+                        }
+                    }
+                }
+
+                .textLeft_1 {
+                    margin-right: 0px;
+                }
+            }
+        }
+
+    }
+
+    // 样式5
+    .style5 {
+        .box1 {
+            .textLeft {
+                .textLeft_2 {
+                    .textleftContent {
+                        div {
+                            padding-left: 0px;
+                            background: none;
+                        }
+                    }
+                }
+            }
+        }
+
+    }
+
+    // 样式6
+    .style6 {
+        .box1 {
+            .textLeft {
+                margin-right: 28px;
+
+                .textLeft_2 {
+                    margin-right: 30px;
+
+                    .textleftContent {
+                        div {
+                            padding-left: 0px;
+                            background: none;
+                        }
+                    }
+                }
+
+                .textLeft_1 {
+                    margin-right: 0px;
+                }
+            }
+        }
+    }
+}
+</style>

components/template/component/list/1200x480/6/2.vue

@@ -0,0 +1,950 @@
+<template>
+    <div class="listNewsBox">
+        <div class="listNewsTitle">
+            <NuxtLink v-if="titleLink1.cid" :href="getLinkPath(titleLink1)" :title="titleLink1.alias">
+                <div :class="{ activeTab: activeTab == 0 }" @mouseenter="activeTab = 0">{{ titleLink1.alias }}</div>
+            </NuxtLink>
+            <NuxtLink v-if="titleLink2.cid" :href="getLinkPath(titleLink2)" :title="titleLink2.alias">
+                <div :class="{ activeTab: activeTab == 1 }" @mouseenter="activeTab = 1">{{ titleLink2.alias }}</div>
+            </NuxtLink>
+        </div>
+        <!--样式1-->
+        <div class="listNewsContent" v-if="componentStyle == 1">
+            <div class="box1" v-if="activeTab == 0">
+                <div class="textLeft">
+                    <div class="textLeft_1">
+                        <div class="textLeft_1_top" v-for="item in component_style1_News1Array_img_1">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                <img :src="item.imgurl" alt="">
+                                <span>{{ item.title }}</span>
+                            </NuxtLink>
+                        </div>
+                        <div class="textLeft_1_bottom">
+                            <div v-for="item in component_style1_News1Array_img_2">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" alt="">
+                                    <span>{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="textLeft_2">
+                        <div class="textleftContent">
+                            <div v-for="item in component_style1_News2Array_text_1">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    {{ item.title }}
+                                </NuxtLink>
+                            </div>
+                        </div>
+                        <div class="textleftContent">
+                            <div v-for="item in component_style1_News2Array_text_2">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    {{ item.title }}
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="textRight">
+                    <div class="textRightContent">
+                        <div class="textRightContent_title">专题报道</div>
+                        <div class="textRightContent_content">
+                            <div v-for="item in component_style1_News1Array_img_3">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" alt="">
+                                    <span>{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="textleftContent">
+                        <div v-for="item in component_style1_News2Array_text_3">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                {{ item.title }}
+                            </NuxtLink>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="box1" v-if="activeTab == 1">
+                <div class="textLeft">
+                    <div class="textLeft_1">
+                        <div class="textLeft_1_top" v-for="item in component_style1_News1Array_img_5">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                <img :src="item.imgurl" alt="">
+                                <span>{{ item.title }}</span>
+                            </NuxtLink>
+                        </div>
+                        <div class="textLeft_1_bottom">
+                            <div v-for="item in component_style1_News1Array_img_6">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" alt="">
+                                    <span>{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="textLeft_2">
+                        <div class="textleftContent">
+                            <div v-for="item in component_style1_News2Array_text_4">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    {{ item.title }}
+                                </NuxtLink>
+                            </div>
+                        </div>
+                        <div class="textleftContent">
+                            <div v-for="item in component_style1_News2Array_text_5">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    {{ item.title }}
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="textRight">
+                    <div class="textRightContent">
+                        <div class="textRightContent_title">专题报道</div>
+                        <div class="textRightContent_content">
+                            <div v-for="item in component_style1_News1Array_img_7">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" alt="">
+                                    <span>{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="textleftContent">
+                        <div v-for="item in component_style1_News2Array_text_6">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                {{ item.title }}
+                            </NuxtLink>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!--样式2-->
+        <div class="listNewsContent style2" v-if="componentStyle == 2">
+            <div class="box1" v-if="activeTab == 0">
+                <div class="textLeft">
+                    <div class="textLeft_1">
+                        <div class="textLeft_1_top" v-for="item in component_style1_News1Array_img_1">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                <img :src="item.imgurl" alt="">
+                                <span>{{ item.title }}</span>
+                            </NuxtLink>
+                        </div>
+                        <div class="textLeft_1_bottom">
+                            <div v-for="item in component_style1_News1Array_img_2">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" alt="">
+                                    <span>{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="textLeft_2">
+                        <div class="textleftContent">
+                            <div v-for="item in component_style1_News2Array_text_1">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    {{ item.title }}
+                                </NuxtLink>
+                            </div>
+                        </div>
+                        <div class="textleftContent">
+                            <div v-for="item in component_style1_News2Array_text_2">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    {{ item.title }}
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="textRight">
+                    <div class="textRightContent">
+                        <div class="textRightContent_title">专题报道</div>
+                        <div class="textRightContent_content">
+                            <div v-for="item in component_style1_News1Array_img_3">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" alt="">
+                                    <span>{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="textleftContent">
+                        <div v-for="item in component_style1_News2Array_text_3">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                {{ item.title }}
+                            </NuxtLink>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="box1" v-if="activeTab == 1">
+                <div class="textLeft">
+                    <div class="textLeft_1">
+                        <div class="textLeft_1_top" v-for="item in component_style1_News1Array_img_5">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                <img :src="item.imgurl" alt="">
+                                <span>{{ item.title }}</span>
+                            </NuxtLink>
+                        </div>
+                        <div class="textLeft_1_bottom">
+                            <div v-for="item in component_style1_News1Array_img_6">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" alt="">
+                                    <span>{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="textLeft_2">
+                        <div class="textleftContent">
+                            <div v-for="item in component_style1_News2Array_text_4">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    {{ item.title }}
+                                </NuxtLink>
+                            </div>
+                        </div>
+                        <div class="textleftContent">
+                            <div v-for="item in component_style1_News2Array_text_5">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    {{ item.title }}
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="textRight">
+                    <div class="textRightContent">
+                        <div class="textRightContent_title">专题报道</div>
+                        <div class="textRightContent_content">
+                            <div v-for="item in component_style1_News1Array_img_7">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" alt="">
+                                    <span>{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="textleftContent">
+                        <div v-for="item in component_style1_News2Array_text_6">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                {{ item.title }}
+                            </NuxtLink>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!--样式3-->
+        <div class="listNewsContent style3" v-if="componentStyle == 3">
+            <div class="box1" v-if="activeTab == 0">
+                <div class="textLeft">
+                    <div class="textLeft_2">
+                        <div class="textleftContent">
+                            <div v-for="item in component_style1_News2Array_text_1">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    {{ item.title }}
+                                </NuxtLink>
+                            </div>
+                        </div>
+                        <div class="textleftContent">
+                            <div v-for="item in component_style1_News2Array_text_2">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    {{ item.title }}
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="textLeft_1">
+                        <div class="textLeft_1_top" v-for="item in component_style1_News1Array_img_1">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                <img :src="item.imgurl" alt="">
+                                <span>{{ item.title }}</span>
+                            </NuxtLink>
+                        </div>
+                        <div class="textLeft_1_bottom">
+                            <div v-for="item in component_style1_News1Array_img_2">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" alt="">
+                                    <span>{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="textRight">
+                    <div class="textRightContent">
+                        <div class="textRightContent_title">专题报道</div>
+                        <div class="textRightContent_content">
+                            <div v-for="item in component_style1_News1Array_img_3">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" alt="">
+                                    <span>{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="textleftContent">
+                        <div v-for="item in component_style1_News2Array_text_3">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                {{ item.title }}
+                            </NuxtLink>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="box1" v-if="activeTab == 1">
+                <div class="textLeft">
+                    <div class="textLeft_2">
+                        <div class="textleftContent">
+                            <div v-for="item in component_style1_News2Array_text_4">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    {{ item.title }}
+                                </NuxtLink>
+                            </div>
+                        </div>
+                        <div class="textleftContent">
+                            <div v-for="item in component_style1_News2Array_text_5">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    {{ item.title }}
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="textLeft_1">
+                        <div class="textLeft_1_top" v-for="item in component_style1_News1Array_img_5">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                <img :src="item.imgurl" alt="">
+                                <span>{{ item.title }}</span>
+                            </NuxtLink>
+                        </div>
+                        <div class="textLeft_1_bottom">
+                            <div v-for="item in component_style1_News1Array_img_6">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" alt="">
+                                    <span>{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="textRight">
+                    <div class="textRightContent">
+                        <div class="textRightContent_title">专题报道</div>
+                        <div class="textRightContent_content">
+                            <div v-for="item in component_style1_News1Array_img_3">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" alt="">
+                                    <span>{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="textleftContent">
+                        <div v-for="item in component_style1_News2Array_text_6">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                {{ item.title }}
+                            </NuxtLink>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!--样式4-->
+        <div class="listNewsContent style4" v-if="componentStyle == 4">
+            <div class="box1" v-if="activeTab == 0">
+                <div class="textLeft">
+                    <div class="textLeft_2">
+                        <div class="textleftContent">
+                            <div v-for="item in component_style1_News2Array_text_1">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    {{ item.title }}
+                                </NuxtLink>
+                            </div>
+                        </div>
+                        <div class="textleftContent">
+                            <div v-for="item in component_style1_News2Array_text_2">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    {{ item.title }}
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="textLeft_1">
+                        <div class="textLeft_1_top" v-for="item in component_style1_News1Array_img_1">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                <img :src="item.imgurl" alt="">
+                                <span>{{ item.title }}</span>
+                            </NuxtLink>
+                        </div>
+                        <div class="textLeft_1_bottom">
+                            <div v-for="item in component_style1_News1Array_img_2">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" alt="">
+                                    <span>{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="textRight">
+                    <div class="textRightContent">
+                        <div class="textRightContent_title">专题报道</div>
+                        <div class="textRightContent_content">
+                            <div v-for="item in component_style1_News1Array_img_3">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" alt="">
+                                    <span>{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="textleftContent">
+                        <div v-for="item in component_style1_News2Array_text_3">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                {{ item.title }}
+                            </NuxtLink>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="box1" v-if="activeTab == 1">
+                <div class="textLeft">
+                    <div class="textLeft_2">
+                        <div class="textleftContent">
+                            <div v-for="item in component_style1_News2Array_text_4">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    {{ item.title }}
+                                </NuxtLink>
+                            </div>
+                        </div>
+                        <div class="textleftContent">
+                            <div v-for="item in component_style1_News2Array_text_5">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    {{ item.title }}
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="textLeft_1">
+                        <div class="textLeft_1_top" v-for="item in component_style1_News1Array_img_5">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                <img :src="item.imgurl" alt="">
+                                <span>{{ item.title }}</span>
+                            </NuxtLink>
+                        </div>
+                        <div class="textLeft_1_bottom">
+                            <div v-for="item in component_style1_News1Array_img_6">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" alt="">
+                                    <span>{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="textRight">
+                    <div class="textRightContent">
+                        <div class="textRightContent_title">专题报道</div>
+                        <div class="textRightContent_content">
+                            <div v-for="item in component_style1_News1Array_img_3">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" alt="">
+                                    <span>{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="textleftContent">
+                        <div v-for="item in component_style1_News2Array_text_6">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                {{ item.title }}
+                            </NuxtLink>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script setup>
+//引入vue
+import { ref } from 'vue';
+//获得新闻数据
+const props = defineProps({
+    titleLink1: Object,//板块1名称
+    titleLink2: Object,//板块2名称
+    templateData: Array,//新闻数据
+    templateData1: Array,//新闻数据
+    componentStyle: Number,//样式编号
+});
+//定义tab切换
+const activeTab = ref(0);
+// 新闻数据
+const component_style1_News1Array_img_1 = ref([]);
+const component_style1_News1Array_img_2 = ref([]);
+const component_style1_News1Array_img_3 = ref([]);
+const component_style1_News2Array_text_1 = ref([]);
+const component_style1_News2Array_text_2 = ref([]);
+const component_style1_News2Array_text_3 = ref([]);
+
+const component_style1_News1Array_img_5 = ref([]);
+const component_style1_News1Array_img_6 = ref([]);
+const component_style1_News1Array_img_7 = ref([]);
+const component_style1_News2Array_text_4 = ref([]);
+const component_style1_News2Array_text_5 = ref([]);
+const component_style1_News2Array_text_6 = ref([]);
+
+component_style1_News1Array_img_1.value = props.templateData.imgnum.slice(0, 1);
+component_style1_News1Array_img_2.value = props.templateData.imgnum.slice(1, 3);
+component_style1_News1Array_img_3.value = props.templateData.imgnum.slice(3, 5);
+component_style1_News2Array_text_1.value = props.templateData.textnum.slice(0, 4);
+component_style1_News2Array_text_2.value = props.templateData.textnum.slice(4, 8);
+component_style1_News2Array_text_3.value = props.templateData.textnum.slice(8, 12);
+
+component_style1_News1Array_img_5.value = props.templateData1.imgnum.slice(0, 1);
+component_style1_News1Array_img_6.value = props.templateData1.imgnum.slice(1, 3);
+component_style1_News1Array_img_7.value = props.templateData1.imgnum.slice(3, 5);
+component_style1_News2Array_text_4.value = props.templateData1.textnum.slice(0, 4);
+component_style1_News2Array_text_5.value = props.templateData1.textnum.slice(4, 8);
+component_style1_News2Array_text_6.value = props.templateData1.textnum.slice(8, 12);
+</script>
+
+<style lang="less" scoped>
+//基本样式 start ---------------------------------------->
+.listNewsBox {
+    position: relative;
+
+    .listNewsTitle {
+        display: flex;
+        align-items: flex-start;
+        justify-content: flex-start;
+        height: 38px;
+
+        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;
+            padding-bottom: 5px;
+
+            &.activeTab {
+                color: #154079;
+                background: url("http://192.168.1.234:19000/pre/image/png/20251218/1766042138413493.png") bottom left no-repeat;
+            }
+        }
+    }
+
+    .dashed {
+        border-bottom: 1px dashed #999999;
+    }
+
+    .listNewsContent {
+        margin-top: 20px;
+
+        .box1 {
+            display: flex;
+            align-items: flex-start;
+            justify-content: flex-start;
+            margin-bottom: 20px;
+
+            .textLeft {
+                width: 788px;
+                height: 416px;
+                margin-right: 32px;
+                display: flex;
+                align-items: flex-start;
+                justify-content: flex-start;
+
+                .textLeft_1 {
+                    width: 380px;
+                    height: 416px;
+                    margin-right: 20px;
+
+                    .textLeft_1_top {
+                        position: relative;
+                        width: 380px;
+                        height: 268px;
+                        margin-bottom: 18px;
+
+
+                        img {
+                            width: 380px;
+                            height: 268px;
+                        }
+
+                        span {
+                            display: inline-block;
+                            position: absolute;
+                            bottom: 0;
+                            left: 0;
+                            width: 100%;
+                            height: 40px;
+                            line-height: 40px;
+                            font-size: 16px;
+                            font-weight: bold;
+                            color: #fff;
+                            padding-left: 10px;
+                            background-color: #ccc;
+                            box-sizing: border-box;
+                        }
+                    }
+
+                    .textLeft_1_bottom {
+                        width: 380px;
+                        height: 130px;
+                        display: flex;
+                        align-items: flex-start;
+                        justify-content: flex-start;
+
+                        div {
+                            position: relative;
+                            width: 185px;
+                            height: 130px;
+
+                            &:first-child {
+                                margin-right: 10px;
+                            }
+
+                            a {
+                                img {
+                                    width: 185px;
+                                    height: 130px;
+                                }
+
+                                span {
+                                    display: inline-block;
+                                    position: absolute;
+                                    bottom: 0px;
+                                    left: 0;
+                                    width: 185px;
+                                    height: 30px;
+                                    line-height: 30px;
+                                    font-size: 14px;
+                                    font-weight: bold;
+                                    color: #fff;
+                                    text-align: center;
+                                    background-color: #ccc;
+                                    white-space: nowrap;
+                                    overflow: hidden;
+                                    text-overflow: ellipsis;
+                                    padding: 0 5px;
+                                    box-sizing: border-box;
+                                }
+                            }
+
+
+                        }
+                    }
+                }
+
+                .textLeft_2 {
+                    width: 378px;
+                    height: 416px;
+
+                    .textleftContent {
+                        width: 378px;
+                        height: 210px;
+
+                        &:first-child {
+                            border-bottom: 1px dashed #ccc;
+                            margin-bottom: 30px;
+                        }
+
+                        div {
+                            font-size: 18px;
+                            color: #666666;
+                            margin-bottom: 17px;
+                            padding-left: 8px;
+                            background: url("http://192.168.1.234:19000/pre/image/png/20251218/1766042944885873.png") no-repeat left center;
+
+                            &:first-child {
+                                height: 48px;
+                                line-height: 24px;
+                                font-weight: bold;
+                                color: #333333;
+                                padding-left: 0;
+                                background: none;
+
+                                a {
+                                    color: #333333;
+                                }
+                            }
+
+                            &:nth-child(2),
+                            &:nth-child(3),
+                            &:nth-child(4) {
+                                color: #666666;
+                                white-space: nowrap;
+                                overflow: hidden;
+                                text-overflow: ellipsis;
+
+                                a {
+                                    color: #666666;
+                                }
+                            }
+
+                            &:last-child {
+                                margin-bottom: 0;
+                            }
+
+
+                        }
+                    }
+                }
+            }
+
+            .textRight {
+                width: 380px;
+                height: 417px;
+
+                .textRightContent {
+                    width: 380px;
+                    height: 210px;
+
+                    &:first-child {
+                        border-bottom: 1px dashed #ccc;
+                        margin-bottom: 30px;
+                    }
+
+                    .textRightContent_title {
+                        font-size: 20px;
+                        font-weight: bold;
+                        color: #154079;
+                        margin-bottom: 23px;
+                    }
+
+                    .textRightContent_content {
+                        width: 380px;
+                        height: 130px;
+                        display: flex;
+                        align-items: flex-start;
+                        justify-content: flex-start;
+
+                        div {
+                            width: 185px;
+                            height: 130px;
+                            position: relative;
+
+                            a {
+                                img {
+                                    width: 185px;
+                                    height: 130px;
+                                }
+
+                                span {
+                                    position: absolute;
+                                    bottom: 0;
+                                    left: 0;
+                                    display: inline-block;
+                                    width: 185px;
+                                    height: 30px;
+                                    line-height: 30px;
+                                    font-size: 14px;
+                                    font-weight: bold;
+                                    color: #fff;
+                                    text-align: center;
+                                    background-color: #ccc;
+                                    white-space: nowrap;
+                                    overflow: hidden;
+                                    text-overflow: ellipsis;
+                                    padding: 0 5px;
+                                    box-sizing: border-box;
+                                }
+                            }
+
+                            &:first-child {
+                                margin-right: 10px;
+                            }
+                        }
+                    }
+                }
+
+                .textleftContent {
+                    width: 378px;
+                    height: 210px;
+
+                    &:first-child {
+                        border-bottom: 1px dashed #ccc;
+                        margin-bottom: 30px;
+                    }
+
+                    div {
+                        font-size: 18px;
+                        color: #666666;
+                        margin-bottom: 17px;
+                        padding-left: 8px;
+                        background: url("http://192.168.1.234:19000/pre/image/png/20251218/1766042944885873.png") no-repeat left center;
+
+                        &:first-child {
+                            height: 48px;
+                            line-height: 24px;
+                            font-weight: bold;
+                            color: #333333;
+                            padding-left: 0;
+                            background: none;
+
+                            a {
+                                color: #333333;
+                            }
+                        }
+
+                        &:nth-child(2),
+                        &:nth-child(3),
+                        &:nth-child(4) {
+                            color: #666666;
+                            white-space: nowrap;
+                            overflow: hidden;
+                            text-overflow: ellipsis;
+
+                            a {
+                                color: #666666;
+                            }
+                        }
+
+                        &:last-child {
+                            margin-bottom: 0;
+                        }
+
+
+                    }
+                }
+
+            }
+        }
+    }
+
+    //样式2
+    .style2 {
+        .box1 {
+            .textLeft {
+                .textLeft_2 {
+                    .textleftContent {
+                        div {
+                            padding-left: 8px;
+                            background: url("http://192.168.1.234:19000/pre/image/png/20251218/176604296168575.png") no-repeat left center;
+                        }
+                    }
+                }
+            }
+
+            .textRight {
+                .textleftContent {
+                    div {
+                        padding-left: 8px;
+                        background: url("http://192.168.1.234:19000/pre/image/png/20251218/176604296168575.png") no-repeat left center;
+                    }
+                }
+            }
+        }
+
+    }
+
+    // 样式3
+    .style3 {
+        .textLeft {
+            margin-right: 28px;
+
+            .textLeft_2 {
+                margin-right: 30px;
+            }
+
+            .textLeft_1 {
+                margin-right: 0px;
+            }
+        }
+    }
+
+    // 样式4
+    .style4 {
+        .box1 {
+            .textLeft {
+                margin-right: 28px;
+
+                .textLeft_2 {
+                    margin-right: 30px;
+
+                    .textleftContent {
+                        div {
+                            padding-left: 8px;
+                            background: url("http://192.168.1.234:19000/pre/image/png/20251218/176604296168575.png") no-repeat left center;
+                        }
+                    }
+                }
+
+                .textLeft_1 {
+                    margin-right: 0px;
+                }
+            }
+
+            .textRight {
+                .textleftContent {
+                    div {
+                        padding-left: 8px;
+                        background: url("http://192.168.1.234:19000/pre/image/png/20251218/176604296168575.png") no-repeat left center;
+                    }
+                }
+            }
+        }
+
+    }
+}
+</style>

components/template/component/list/1200x480/6/3.vue

@@ -0,0 +1,668 @@
+<template>
+    <div class="listNewsBox">
+        <div class="listNewsTitle">
+            <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="textLeft">
+                <div class="textLeft_1">
+                    <div class="textLeft_1_top" v-for="item in component_style1_News1Array_img_1">
+                        <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                            :target="item.islink == 1 ? '_blank' : '_self'">
+                            <img :src="item.imgurl" alt="">
+                            <span>{{ item.title }}</span>
+                        </NuxtLink>
+                    </div>
+                    <div class="textLeft_1_bottom">
+                        <div v-for="item in component_style1_News1Array_img_2">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                <img :src="item.imgurl" alt="">
+                                <span>{{ item.title }}</span>
+                            </NuxtLink>
+                        </div>
+                    </div>
+                </div>
+                <div class="textLeft_2">
+                    <div class="textleftContent">
+                        <div v-for="item in component_style1_News2Array_text_1">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                {{ item.title }}
+                            </NuxtLink>
+                        </div>
+                    </div>
+                    <div class="textleftContent">
+                        <div v-for="item in component_style1_News2Array_text_2">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                {{ item.title }}
+                            </NuxtLink>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="textRight">
+                <div class="textRightContent">
+                    <div class="textRightContent_title">专题报道</div>
+                    <div class="textRightContent_content">
+                        <div v-for="item in component_style1_News1Array_img_3">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                <img :src="item.imgurl" alt="">
+                                <span>{{ item.title }}</span>
+                            </NuxtLink>
+                        </div>
+                    </div>
+                </div>
+                <div class="textleftContent">
+                    <div v-for="item in component_style1_News2Array_text_3">
+                        <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                            :target="item.islink == 1 ? '_blank' : '_self'">
+                            {{ item.title }}
+                        </NuxtLink>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!--样式2-->
+        <div class="listNewsContent style2" v-if="componentStyle == 2">
+            <div class="textLeft">
+                <div class="textLeft_1">
+                    <div class="textLeft_1_top" v-for="item in component_style1_News1Array_img_1">
+                        <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                            :target="item.islink == 1 ? '_blank' : '_self'">
+                            <img :src="item.imgurl" alt="">
+                            <span>{{ item.title }}</span>
+                        </NuxtLink>
+                    </div>
+                    <div class="textLeft_1_bottom">
+                        <div v-for="item in component_style1_News1Array_img_2">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                <img :src="item.imgurl" alt="">
+                                <span>{{ item.title }}</span>
+                            </NuxtLink>
+                        </div>
+                    </div>
+                </div>
+                <div class="textLeft_2">
+                    <div class="textleftContent">
+                        <div v-for="item in component_style1_News2Array_text_1">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                {{ item.title }}
+                            </NuxtLink>
+                        </div>
+                    </div>
+                    <div class="textleftContent">
+                        <div v-for="item in component_style1_News2Array_text_2">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                {{ item.title }}
+                            </NuxtLink>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="textRight">
+                <div class="textRightContent">
+                    <div class="textRightContent_title">专题报道</div>
+                    <div class="textRightContent_content">
+                        <div v-for="item in component_style1_News1Array_img_3">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                <img :src="item.imgurl" alt="">
+                                <span>{{ item.title }}</span>
+                            </NuxtLink>
+                        </div>
+                    </div>
+                </div>
+                <div class="textleftContent">
+                    <div v-for="item in component_style1_News2Array_text_3">
+                        <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                            :target="item.islink == 1 ? '_blank' : '_self'">
+                            {{ item.title }}
+                        </NuxtLink>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!--样式3-->
+        <div class="listNewsContent style3" v-if="componentStyle == 3">
+            <div class="textLeft">
+                <div class="textLeft_2">
+                    <div class="textleftContent">
+                        <div v-for="item in component_style1_News2Array_text_1">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                {{ item.title }}
+                            </NuxtLink>
+                        </div>
+                    </div>
+                    <div class="textleftContent">
+                        <div v-for="item in component_style1_News2Array_text_2">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                {{ item.title }}
+                            </NuxtLink>
+                        </div>
+                    </div>
+                </div>
+                <div class="textLeft_1">
+                    <div class="textLeft_1_top" v-for="item in component_style1_News1Array_img_1">
+                        <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                            :target="item.islink == 1 ? '_blank' : '_self'">
+                            <img :src="item.imgurl" alt="">
+                            <span>{{ item.title }}</span>
+                        </NuxtLink>
+                    </div>
+                    <div class="textLeft_1_bottom">
+                        <div v-for="item in component_style1_News1Array_img_2">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                <img :src="item.imgurl" alt="">
+                                <span>{{ item.title }}</span>
+                            </NuxtLink>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="textRight">
+                <div class="textRightContent">
+                    <div class="textRightContent_title">专题报道</div>
+                    <div class="textRightContent_content">
+                        <div v-for="item in component_style1_News1Array_img_3">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                <img :src="item.imgurl" alt="">
+                                <span>{{ item.title }}</span>
+                            </NuxtLink>
+                        </div>
+                    </div>
+                </div>
+                <div class="textleftContent">
+                    <div v-for="item in component_style1_News2Array_text_3">
+                        <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                            :target="item.islink == 1 ? '_blank' : '_self'">
+                            {{ item.title }}
+                        </NuxtLink>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!--样式4-->
+        <div class="listNewsContent style4" v-if="componentStyle == 4">
+            <div class="textLeft">
+                <div class="textLeft_2">
+                    <div class="textleftContent">
+                        <div v-for="item in component_style1_News2Array_text_1">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                {{ item.title }}
+                            </NuxtLink>
+                        </div>
+                    </div>
+                    <div class="textleftContent">
+                        <div v-for="item in component_style1_News2Array_text_2">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                {{ item.title }}
+                            </NuxtLink>
+                        </div>
+                    </div>
+                </div>
+                <div class="textLeft_1">
+                    <div class="textLeft_1_top" v-for="item in component_style1_News1Array_img_1">
+                        <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                            :target="item.islink == 1 ? '_blank' : '_self'">
+                            <img :src="item.imgurl" alt="">
+                            <span>{{ item.title }}</span>
+                        </NuxtLink>
+                    </div>
+                    <div class="textLeft_1_bottom">
+                        <div v-for="item in component_style1_News1Array_img_2">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                <img :src="item.imgurl" alt="">
+                                <span>{{ item.title }}</span>
+                            </NuxtLink>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="textRight">
+                <div class="textRightContent">
+                    <div class="textRightContent_title">专题报道</div>
+                    <div class="textRightContent_content">
+                        <div v-for="item in component_style1_News1Array_img_3">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                <img :src="item.imgurl" alt="">
+                                <span>{{ item.title }}</span>
+                            </NuxtLink>
+                        </div>
+                    </div>
+                </div>
+                <div class="textleftContent">
+                    <div v-for="item in component_style1_News2Array_text_3">
+                        <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                            :target="item.islink == 1 ? '_blank' : '_self'">
+                            {{ item.title }}
+                        </NuxtLink>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script setup>
+//引入vue
+import { ref } from 'vue';
+//获得新闻数据
+const props = defineProps({
+    titleLink: Object,//板块名称
+    templateData: Array,//新闻数据
+    componentStyle: Number,//样式编号
+});
+
+// 新闻数据
+const component_style1_News1Array_img_1 = ref([]);
+const component_style1_News1Array_img_2 = ref([]);
+const component_style1_News1Array_img_3 = ref([]);
+const component_style1_News2Array_text_1 = ref([]);
+const component_style1_News2Array_text_2 = ref([]);
+const component_style1_News2Array_text_3 = ref([]);
+
+component_style1_News1Array_img_1.value = props.templateData.imgnum.slice(0, 1);
+component_style1_News1Array_img_2.value = props.templateData.imgnum.slice(1, 3);
+component_style1_News1Array_img_3.value = props.templateData.imgnum.slice(3, 5);
+component_style1_News2Array_text_1.value = props.templateData.textnum.slice(0, 4);
+component_style1_News2Array_text_2.value = props.templateData.textnum.slice(4, 8);
+component_style1_News2Array_text_3.value = props.templateData.textnum.slice(8, 12);
+
+</script>
+
+<style lang="less" scoped>
+//基本样式 start ---------------------------------------->
+.listNewsBox {
+    position: relative;
+
+    .listNewsTitle {
+        display: flex;
+        align-items: flex-start;
+        justify-content: flex-start;
+        // border-bottom: 1px solid #999999;
+        height: 40px;
+
+        div {
+            height: 35px;
+            width: 138px;
+            line-height: 32px;
+            font-size: 22px;
+            font-weight: bold;
+            cursor: pointer;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            color: #154079;
+            padding-bottom: 5px;
+            background: url("http://192.168.1.234:19000/pre/image/png/20251218/1766042138413493.png") bottom left no-repeat;
+        }
+    }
+
+    .dashed {
+        border-bottom: 1px dashed #999999;
+    }
+
+    .listNewsContent {
+        margin-top: 20px;
+        display: flex;
+        align-items: flex-start;
+        justify-content: flex-start;
+        margin-bottom: 20px;
+
+        // .box1 {
+
+
+        .textLeft {
+            width: 788px;
+            height: 416px;
+            margin-right: 32px;
+            display: flex;
+            align-items: flex-start;
+            justify-content: flex-start;
+
+            .textLeft_1 {
+                width: 380px;
+                height: 416px;
+                margin-right: 20px;
+
+                .textLeft_1_top {
+                    position: relative;
+                    width: 380px;
+                    height: 268px;
+                    margin-bottom: 18px;
+
+
+                    img {
+                        width: 380px;
+                        height: 268px;
+                    }
+
+                    span {
+                        display: inline-block;
+                        position: absolute;
+                        bottom: 0;
+                        left: 0;
+                        width: 100%;
+                        height: 40px;
+                        line-height: 40px;
+                        font-size: 16px;
+                        font-weight: bold;
+                        color: #fff;
+                        padding-left: 10px;
+                        background-color: #ccc;
+                        box-sizing: border-box;
+                    }
+                }
+
+                .textLeft_1_bottom {
+                    width: 380px;
+                    height: 130px;
+                    display: flex;
+                    align-items: flex-start;
+                    justify-content: flex-start;
+
+                    div {
+                        position: relative;
+                        width: 185px;
+                        height: 130px;
+
+                        &:first-child {
+                            margin-right: 10px;
+                        }
+
+                        a {
+                            img {
+                                width: 185px;
+                                height: 130px;
+                            }
+
+                            span {
+                                display: inline-block;
+                                position: absolute;
+                                bottom: 0px;
+                                left: 0;
+                                width: 185px;
+                                height: 30px;
+                                line-height: 30px;
+                                font-size: 14px;
+                                font-weight: bold;
+                                color: #fff;
+                                text-align: center;
+                                background-color: #ccc;
+                                white-space: nowrap;
+                                overflow: hidden;
+                                text-overflow: ellipsis;
+                                padding: 0 5px;
+                                box-sizing: border-box;
+                            }
+                        }
+
+
+                    }
+                }
+            }
+
+            .textLeft_2 {
+                width: 378px;
+                height: 416px;
+
+                .textleftContent {
+                    width: 378px;
+                    height: 210px;
+
+                    &:first-child {
+                        border-bottom: 1px dashed #ccc;
+                        margin-bottom: 30px;
+                    }
+
+                    div {
+                        font-size: 18px;
+                        color: #666666;
+                        margin-bottom: 17px;
+                        padding-left: 8px;
+                        background: url("http://192.168.1.234:19000/pre/image/png/20251218/1766042944885873.png") no-repeat left center;
+
+                        &:first-child {
+                            height: 48px;
+                            line-height: 24px;
+                            font-weight: bold;
+                            color: #333333;
+                            padding-left: 0;
+                            background: none;
+
+                            a {
+                                color: #333333;
+                            }
+                        }
+
+                        &:nth-child(2),
+                        &:nth-child(3),
+                        &:nth-child(4) {
+                            color: #666666;
+                            white-space: nowrap;
+                            overflow: hidden;
+                            text-overflow: ellipsis;
+
+                            a {
+                                color: #666666;
+                            }
+                        }
+
+                        &:last-child {
+                            margin-bottom: 0;
+                        }
+
+
+                    }
+                }
+            }
+        }
+
+        .textRight {
+            width: 380px;
+            height: 417px;
+
+            .textRightContent {
+                width: 380px;
+                height: 210px;
+
+                &:first-child {
+                    border-bottom: 1px dashed #ccc;
+                    margin-bottom: 30px;
+                }
+
+                .textRightContent_title {
+                    font-size: 20px;
+                    font-weight: bold;
+                    color: #154079;
+                    margin-bottom: 23px;
+                }
+
+                .textRightContent_content {
+                    width: 380px;
+                    height: 130px;
+                    display: flex;
+                    align-items: flex-start;
+                    justify-content: flex-start;
+
+                    div {
+                        width: 185px;
+                        height: 130px;
+                        position: relative;
+
+                        a {
+                            img {
+                                width: 185px;
+                                height: 130px;
+                            }
+
+                            span {
+                                position: absolute;
+                                bottom: 0;
+                                left: 0;
+                                display: inline-block;
+                                width: 185px;
+                                height: 30px;
+                                line-height: 30px;
+                                font-size: 14px;
+                                font-weight: bold;
+                                color: #fff;
+                                text-align: center;
+                                background-color: #ccc;
+                                white-space: nowrap;
+                                overflow: hidden;
+                                text-overflow: ellipsis;
+                                padding: 0 5px;
+                                box-sizing: border-box;
+                            }
+                        }
+
+                        &:first-child {
+                            margin-right: 10px;
+                        }
+                    }
+                }
+            }
+
+            .textleftContent {
+                width: 378px;
+                height: 210px;
+
+                &:first-child {
+                    border-bottom: 1px dashed #ccc;
+                    margin-bottom: 30px;
+                }
+
+                div {
+                    font-size: 18px;
+                    color: #666666;
+                    margin-bottom: 17px;
+                    padding-left: 8px;
+                    background: url("http://192.168.1.234:19000/pre/image/png/20251218/1766042944885873.png") no-repeat left center;
+
+                    &:first-child {
+                        height: 48px;
+                        line-height: 24px;
+                        font-weight: bold;
+                        color: #333333;
+                        padding-left: 0;
+                        background: none;
+
+                        a {
+                            color: #333333;
+                        }
+                    }
+
+                    &:nth-child(2),
+                    &:nth-child(3),
+                    &:nth-child(4) {
+                        color: #666666;
+                        white-space: nowrap;
+                        overflow: hidden;
+                        text-overflow: ellipsis;
+
+                        a {
+                            color: #666666;
+                        }
+                    }
+
+                    &:last-child {
+                        margin-bottom: 0;
+                    }
+
+
+                }
+            }
+
+        }
+
+        // }
+    }
+
+    //样式2
+    .style2 {
+        .textLeft {
+            .textLeft_2 {
+                .textleftContent {
+                    div {
+                        padding-left: 8px;
+                        background: url("http://192.168.1.234:19000/pre/image/png/20251218/176604296168575.png") no-repeat left center;
+                    }
+                }
+            }
+        }
+
+        .textRight {
+            .textleftContent {
+                div {
+                    padding-left: 8px;
+                    background: url("http://192.168.1.234:19000/pre/image/png/20251218/176604296168575.png") no-repeat left center;
+                }
+            }
+        }
+    }
+
+    // 样式3
+    .style3 {
+        .textLeft {
+            margin-right: 28px;
+
+            .textLeft_2 {
+                margin-right: 30px;
+            }
+
+            .textLeft_1 {
+                margin-right: 0px;
+            }
+        }
+    }
+
+    // 样式4
+    .style4 {
+        .textLeft {
+            margin-right: 28px;
+
+            .textLeft_2 {
+                margin-right: 30px;
+
+                .textleftContent {
+                    div {
+                        padding-left: 8px;
+                        background: url("http://192.168.1.234:19000/pre/image/png/20251218/176604296168575.png") no-repeat left center;
+                    }
+                }
+            }
+
+            .textLeft_1 {
+                margin-right: 0px;
+            }
+        }
+
+        .textRight {
+            .textleftContent {
+                div {
+                    padding-left: 8px;
+                    background: url("http://192.168.1.234:19000/pre/image/png/20251218/176604296168575.png") no-repeat left center;
+                }
+            }
+        }
+    }
+}
+</style>

components/template/component/list/270x450/6.vue

@@ -0,0 +1,289 @@
+<template>
+    <div class="newsBox">
+        <div class="listNewsTitle">
+            <div>最新资讯</div>
+        </div>
+        <!--样式1-->
+        <div class="newsContent" v-if="componentStyle == 1">
+            <div v-for="item in component_style1_News1Array" class="newsContentImg">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    <img :src="item.imgurl" />
+                    <div>{{ item.title }}</div>
+                </NuxtLink>
+            </div>
+            <div v-for="item in component_style1_News2Array" class="newsContentText">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    {{ item.title }}
+                </NuxtLink>
+            </div>
+        </div>
+        <!--样式2-->
+        <div class="newsContent" v-if="componentStyle == 2">
+            <div v-for="item in component_style1_News1Array" class="newsContentImg">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    <div>{{ item.title }}</div>
+                    <img :src="item.imgurl" />
+                </NuxtLink>
+            </div>
+            <div v-for="item in component_style1_News2Array" class="newsContentText">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    {{ item.title }}
+                </NuxtLink>
+            </div>
+        </div>
+        <!--样式3-->
+        <div class="newsContent" v-if="componentStyle == 3">
+            <div v-for="item in component_style1_News2Array" class="newsContentText">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    {{ item.title }}
+                </NuxtLink>
+            </div>
+            <div v-for="item in component_style1_News1Array" class="newsContentImg">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    <img :src="item.imgurl" />
+                    <div>{{ item.title }}</div>
+                </NuxtLink>
+            </div>
+        </div>
+        <!--样式4-->
+        <div class="newsContent" v-if="componentStyle == 4">
+            <div v-for="item in component_style1_News2Array" class="newsContentText">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    {{ item.title }}
+                </NuxtLink>
+            </div>
+            <div v-for="item in component_style1_News1Array" class="newsContentImg">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    <div>{{ item.title }}</div>
+                    <img :src="item.imgurl" />
+                </NuxtLink>
+            </div>
+        </div>
+        <!--样式5-->
+        <div class="newsContent" v-if="componentStyle == 5">
+            <div class="newsContentImg" v-for="item in component_style1_News1Array_1">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    <img :src="item.imgurl" />
+                    <div>{{ item.title }}</div>
+                </NuxtLink>
+            </div>
+            <div class="newsContentImg" v-for="item in component_style1_News1Array_2">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    <div>{{ item.title }}</div>
+                    <img :src="item.imgurl" />
+                </NuxtLink>
+            </div>
+            <div v-for="item in component_style1_News2Array" class="newsContentText">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    {{ item.title }}
+                </NuxtLink>
+            </div>
+        </div>
+        <!--样式6-->
+        <div class="newsContent" v-if="componentStyle == 6">
+            <div class="newsContentImg" v-for="item in component_style1_News1Array_1">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    <div>{{ item.title }}</div>
+                    <img :src="item.imgurl" />
+                </NuxtLink>
+            </div>
+            <div class="newsContentImg" v-for="item in component_style1_News1Array_2">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    <img :src="item.imgurl" />
+                    <div>{{ item.title }}</div>
+                </NuxtLink>
+            </div>
+            <div v-for="item in component_style1_News2Array" class="newsContentText">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    {{ item.title }}
+                </NuxtLink>
+            </div>
+        </div>
+        <!--样式7-->
+        <div class="newsContent" v-if="componentStyle == 7">
+            <div class="newsContentImg" v-for="item in component_style1_News1Array_1">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    <img :src="item.imgurl" />
+                    <div>{{ item.title }}</div>
+                </NuxtLink>
+            </div>
+            <div v-for="item in component_style1_News2Array_1" class="newsContentText">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    {{ item.title }}
+                </NuxtLink>
+            </div>
+            <div class="newsContentImg" v-for="item in component_style1_News1Array_2">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    <img :src="item.imgurl" />
+                    <div>{{ item.title }}</div>
+                </NuxtLink>
+            </div>
+            <div v-for="item in component_style1_News2Array_2" class="newsContentText">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    {{ item.title }}
+                </NuxtLink>
+            </div>
+        </div>
+        <!--样式8-->
+        <div class="newsContent" v-if="componentStyle == 8">
+            <div class="newsContentImg" v-for="item in component_style1_News1Array_1">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    <div>{{ item.title }}</div>
+                    <img :src="item.imgurl" />
+                </NuxtLink>
+            </div>
+            <div v-for="item in component_style1_News2Array_1" class="newsContentText">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    {{ item.title }}
+                </NuxtLink>
+            </div>
+            <div class="newsContentImg" v-for="item in component_style1_News1Array_2">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    <div>{{ item.title }}</div>
+                    <img :src="item.imgurl" />
+                </NuxtLink>
+            </div>
+            <div v-for="item in component_style1_News2Array_2" class="newsContentText">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    {{ item.title }}
+                </NuxtLink>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script setup>
+//引入vue
+import { ref } from 'vue';
+//获得新闻数据
+const props = defineProps({
+    componentStyle: Number,//样式编号
+});
+const component_style1_News1Array = ref([]);
+const component_style1_News1Array_1 = ref([]);
+const component_style1_News1Array_2 = ref([]);
+const component_style1_News2Array = ref([]);
+const component_style1_News2Array_1 = ref([]);
+const component_style1_News2Array_2 = ref([]);
+// component_style1_News1Array.value = props.templateData.img.slice(0,2);
+// component_style1_News2Array.value = props.templateData.text.slice(0,4);
+
+//最新资讯数据 start ---------------------------------------->
+async function getPageData() {
+    const mkdata = await requestDataPromise('/web/getWebsiteArticlett', {
+        method: 'GET',
+        query: {
+            'imgnum': 4,
+            'textnum': 4,
+            'level': 4,
+            'id': 0,
+            'placeid': 0,
+        },
+    });
+    if (mkdata.code == 200) {
+        component_style1_News1Array.value = mkdata.data.img.slice(0, 2);
+        component_style1_News1Array_1.value = mkdata.data.img.slice(0, 1);
+        component_style1_News1Array_2.value = mkdata.data.img.slice(1, 2);
+        component_style1_News2Array.value = mkdata.data.text.slice(0, 4);
+        component_style1_News2Array_1.value = mkdata.data.text.slice(0, 2);
+        component_style1_News2Array_2.value = mkdata.data.text.slice(2, 4);
+    }
+}
+getPageData();
+</script>
+
+<style lang="less" scoped>
+//基本样式 start ---------------------------------------->
+.newsBox {
+    .listNewsTitle {
+        display: flex;
+        align-items: flex-start;
+        justify-content: flex-start;
+        // border-bottom: 1px solid #999999;
+        height: 38px;
+        margin-bottom: 20px;
+
+        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: #154079;
+            background: url("https://img.bjzxtw.org.cn/pre/image/png/20251104/1762224944805589.png") bottom left no-repeat;
+        }
+    }
+
+
+    .newsContent {
+        .newsContentImg {
+            a {
+                display: block;
+                display: flex;
+                align-items: center;
+                justify-content: space-between;
+                margin-bottom: 20px;
+                font-size: 18px;
+
+                div {
+                    overflow: hidden;
+                    display: -webkit-box;
+                    -webkit-line-clamp: 3;
+                    -webkit-box-orient: vertical;
+                    text-overflow: ellipsis;
+                    color: #333333;
+                    width: 130px;
+                }
+
+                img {
+                    display: block;
+                    width: 120px;
+                    height: 80px;
+                }
+            }
+
+        }
+
+        .newsContentText {
+            font-size: 18px;
+            color: #333333;
+            margin-bottom: 20px;
+            overflow: hidden;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+
+            a {
+                color: #333333;
+            }
+        }
+    }
+}
+
+//基本样式 end ----------------------------------------></style>

components/template/component/list/270x580/6.vue

@@ -0,0 +1,243 @@
+<template>
+    <div class="hotNewsBox">
+        <div class="listNewsTitle">
+            <div>热点精选</div>
+        </div>
+        <!--样式1-->
+        <div class="hotNewsContent_skin2" v-if="componentStyle == 1">
+            <div v-for="(item, index) in component_style1_News1Array">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    <span>{{ index + 1 }}</span>
+                    {{ item.title }}
+                </NuxtLink>
+            </div>
+        </div>
+        <!--样式2-->
+        <div class="hotNewsContent_skin2 hotNewsStyle2" v-if="componentStyle == 2">
+            <div v-for="(item, index) in component_style1_News1Array">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    <span>{{ index + 1 }}</span>
+                    {{ item.title }}
+                </NuxtLink>
+            </div>
+        </div>
+        <!-- 样式3 -->
+        <div class="hotNewsContent_skin2 hotNewsStyle3" v-if="componentStyle == 3">
+            <div v-for="(item, index) in component_style1_News1Array">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    <span>{{ index + 1 }}</span>
+                    {{ item.title }}
+                </NuxtLink>
+            </div>
+        </div>
+        <!-- 样式4 -->
+        <div class="hotNewsContent_skin2 hotNewsStyle4" v-if="componentStyle == 4">
+            <div v-for="(item, index) in component_style1_News1Array">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    <span>{{ index + 1 }}</span>
+                    {{ item.title }}
+                </NuxtLink>
+            </div>
+        </div>
+        <!-- 样式5 -->
+        <div class="hotNewsContent_skin2 hotNewsStyle5" v-if="componentStyle == 5">
+            <div v-for="(item, index) in component_style1_News1Array" :key="index">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    {{ item.title }}
+                </NuxtLink>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script setup>
+//引入vue
+import { ref } from 'vue';
+//获得新闻数据
+const props = defineProps({
+    componentStyle: Number,//样式编号
+});
+const component_style1_News1Array = ref([]);
+//component_style1_News1Array.value = props.templateData.text.slice(0,8);
+
+async function getPageData() {
+    const mkdata = await requestDataPromise('/web/getWebsiteArticlett', {
+        method: 'GET',
+        query: {
+            'imgnum': 0,
+            'textnum': 8,
+            'level': 5,
+            'placeid': 0,
+            'id': 0
+        },
+    });
+    if (mkdata.code == 200) {
+        component_style1_News1Array.value = mkdata.data.text;
+    }
+}
+getPageData();
+</script>
+
+<style lang="less" scoped>
+//基本样式 start ---------------------------------------->
+.hotNewsBox {
+    .listNewsTitle {
+        display: flex;
+        align-items: flex-start;
+        justify-content: flex-start;
+        // border-bottom: 1px solid #999999;
+        height: 38px;
+        margin-bottom: 20px;
+
+        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: #154079;
+            background: url("https://img.bjzxtw.org.cn/pre/image/png/20251104/1762224944805589.png") bottom left no-repeat;
+        }
+    }
+
+    .hotNewsContent_skin2 {
+        font-size: 18px;
+        color: #333333;
+
+        div {
+            a {
+                display: block;
+                color: #333333;
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+            }
+
+            padding-bottom:20px;
+            border-bottom:1px solid #E4E4E4;
+            margin-bottom: 22px;
+            overflow: hidden;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+
+            span {
+                margin-right: 15px;
+                font-size: 20px;
+                font-weight: bold;
+                font-style: italic;
+                color: #D9D9D9;
+            }
+
+            &:nth-child(1) span,
+            &:nth-child(2) span,
+            &:nth-child(3) span {
+                color: #154079;
+            }
+        }
+    }
+}
+
+//基本样式 end ---------------------------------------->
+
+//样式2 start ---------------------------------------->
+.hotNewsBox {
+    .hotNewsStyle2 {
+        font-size: 18px;
+        color: #333333;
+
+        div {
+            padding-bottom: 20px;
+            border-bottom: 1px solid #E4E4E4;
+            margin-bottom: 22px;
+            overflow: hidden;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+
+            span {
+                margin-right: 15px;
+                font-size: 20px;
+                font-weight: bold;
+                font-style: italic;
+                color: #154079;
+            }
+        }
+    }
+}
+
+//样式2 end ---------------------------------------->
+//样式3 start ---------------------------------------->
+.hotNewsBox {
+    .hotNewsStyle3 {
+        font-size: 18px;
+        color: #333333;
+
+        div {
+            border-bottom: 1px dashed #E4E4E4;
+        }
+    }
+}
+
+//样式3 end ---------------------------------------->
+
+//样式4 start ---------------------------------------->
+.hotNewsBox {
+    .hotNewsStyle4 {
+        font-size: 18px;
+        color: #333333;
+
+        div {
+            padding-bottom: 20px;
+            border-bottom: 1px dashed #E4E4E4;
+            margin-bottom: 22px;
+            overflow: hidden;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+
+            span {
+                margin-right: 15px;
+                font-size: 20px;
+                font-weight: bold;
+                font-style: italic;
+                color: #154079;
+            }
+        }
+    }
+}
+
+//样式4 end ---------------------------------------->
+
+//样式5 start ---------------------------------------->
+.hotNewsBox {
+    .hotNewsStyle5 {
+        font-size: 18px;
+        color: #333333;
+
+        div {
+            padding-bottom: 20px;
+            border-bottom: 1px dashed #E4E4E4;
+            margin-bottom: 22px;
+            overflow: hidden;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+
+            span {
+                margin-right: 15px;
+                font-size: 20px;
+                font-weight: bold;
+                font-style: italic;
+                color: #154079;
+            }
+        }
+    }
+}
+</style>

components/template/component/list/380x330/6/1.vue

@@ -0,0 +1,139 @@
+<template>
+    <div class="listNewsBox">
+        <div class="listNewsTitle">
+            <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 v-for="item in component_style1_News1Array_1">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    {{ item.title }}
+                </NuxtLink>
+            </div>
+        </div>
+        <!--样式2-->
+        <div class="listNewsContent style2" v-if="componentStyle == 2">
+            <div v-for="item in component_style1_News1Array_1">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    {{ item.title }}
+                </NuxtLink>
+            </div>
+        </div>
+        <!--样式3-->
+        <div class="listNewsContent style3" v-if="componentStyle == 3">
+            <div v-for="item in component_style1_News1Array_1">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    {{ item.title }}
+                </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([]);
+const component_style1_News1Array_1 = ref([]);
+//真实数据
+component_style1_News1Array.value = props.templateData.textnum;
+component_style1_News1Array_1.value = props.templateData.textnum.slice(0, 6); //第1-6条
+
+//样式1与样式2共用 end ---------------------------------------->
+</script>
+
+<style lang="less" scoped>
+//基本样式 start ---------------------------------------->
+.listNewsBox {
+    position: relative;
+
+    .listNewsTitle {
+        height: 38px;
+        line-height: 38px;
+        margin-bottom: 19px;
+
+        div {
+            height: 35px;
+            width: 138px;
+            line-height: 32px;
+            font-size: 22px;
+            font-weight: bold;
+            cursor: pointer;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            color: #154079;
+            padding-bottom: 5px;
+            background: url("http://192.168.1.234:19000/pre/image/png/20251218/1766042138413493.png") bottom left no-repeat;
+        }
+    }
+
+    .listNewsContent {
+        width: 100%;
+        box-sizing: border-box;
+
+        div {
+            width: 380px;
+            color: #666666;
+            font-size: 18px;
+            margin-bottom: 18px;
+            padding-left: 16px;
+            cursor: pointer;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            background: url("http://192.168.1.234:19000/pre/image/png/20251218/1766042944885873.png") no-repeat left center;
+
+            &:first-child {
+                height: 48px;
+                line-height: 24px;
+                color: #333333;
+                font-weight: bold;
+                padding-left: 0px;
+                background: none;
+            }
+
+            &:last-child {
+                margin-bottom: 0;
+            }
+
+            a {
+                color: #333333;
+            }
+        }
+    }
+
+    .style2 {
+        div {
+            padding-left: 16px;
+            background: url("http://192.168.1.234:19000/pre/image/png/20251218/176604296168575.png") no-repeat left center;
+
+            &:first-child {
+                padding-left: 0px;
+                background: none;
+            }
+        }
+    }
+
+    .style3 {
+        div {
+            padding-left: 0px;
+            background: none;
+        }
+    }
+}
+
+//基本样式 end ----------------------------------------></style>

components/template/component/list/380x330/6/2.vue

@@ -0,0 +1,278 @@
+<template>
+    <div class="listNewsBox">
+        <div class="listNewsTitle">
+            <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="photo">
+                <div v-for="item in component_style1_News1Array_img">
+                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                        :target="item.islink == 1 ? '_blank' : '_self'">
+                        <img :src="item.imgurl" :alt="item.title">
+                        <span>{{ item.title }}</span>
+                    </NuxtLink>
+                </div>
+            </div>
+            <div class="text" v-for="item in component_style1_News1Array_text">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    {{ item.title }}
+                </NuxtLink>
+            </div>
+        </div>
+        <!--样式2-->
+        <div class="listNewsContent style2" v-if="componentStyle == 2">
+            <div class="photo">
+                <div v-for="item in component_style1_News1Array_img">
+                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                        :target="item.islink == 1 ? '_blank' : '_self'">
+                        <img :src="item.imgurl" :alt="item.title">
+                        <span>{{ item.title }}</span>
+                    </NuxtLink>
+                </div>
+            </div>
+            <div class="text" v-for="item in component_style1_News1Array_text">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    {{ item.title }}
+                </NuxtLink>
+            </div>
+        </div>
+        <!--样式3-->
+        <div class="listNewsContent style3" v-if="componentStyle == 3">
+            <div class="photo">
+                <div v-for="item in component_style1_News1Array_img">
+                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                        :target="item.islink == 1 ? '_blank' : '_self'">
+                        <img :src="item.imgurl" :alt="item.title">
+                        <span>{{ item.title }}</span>
+                    </NuxtLink>
+                </div>
+            </div>
+            <div class="text" v-for="item in component_style1_News1Array_text">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    {{ item.title }}
+                </NuxtLink>
+            </div>
+        </div>
+        <!--样式4-->
+        <div class="listNewsContent style4" v-if="componentStyle == 4">
+            <div class="text" v-for="item in component_style1_News1Array_text">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    {{ item.title }}
+                </NuxtLink>
+            </div>
+            <div class="photo">
+                <div v-for="item in component_style1_News1Array_img">
+                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                        :target="item.islink == 1 ? '_blank' : '_self'">
+                        <img :src="item.imgurl" :alt="item.title">
+                        <span>{{ item.title }}</span>
+                    </NuxtLink>
+                </div>
+            </div>
+        </div>
+        <!--样式5-->
+        <div class="listNewsContent style5" v-if="componentStyle == 5">
+            <div class="text" v-for="item in component_style1_News1Array_text">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    {{ item.title }}
+                </NuxtLink>
+            </div>
+            <div class="photo">
+                <div v-for="item in component_style1_News1Array_img">
+                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                        :target="item.islink == 1 ? '_blank' : '_self'">
+                        <img :src="item.imgurl" :alt="item.title">
+                        <span>{{ item.title }}</span>
+                    </NuxtLink>
+                </div>
+            </div>
+        </div>
+        <!--样式6-->
+        <div class="listNewsContent style6" v-if="componentStyle == 6">
+            <div class="text" v-for="item in component_style1_News1Array_text">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    {{ item.title }}
+                </NuxtLink>
+            </div>
+            <div class="photo">
+                <div v-for="item in component_style1_News1Array_img">
+                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                        :target="item.islink == 1 ? '_blank' : '_self'">
+                        <img :src="item.imgurl" :alt="item.title">
+                        <span>{{ item.title }}</span>
+                    </NuxtLink>
+                </div>
+            </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_img = ref([]);
+const component_style1_News1Array_text = ref([]);
+//真实数据
+component_style1_News1Array_img.value = props.templateData.imgnum.slice(0, 2);
+component_style1_News1Array_text.value = props.templateData.textnum.slice(0, 3);
+
+//样式1与样式2共用 end ---------------------------------------->
+</script>
+
+<style lang="less" scoped>
+//基本样式 start ---------------------------------------->
+.listNewsBox {
+    position: relative;
+
+    .listNewsTitle {
+        height: 38px;
+        line-height: 38px;
+        margin-bottom: 19px;
+
+        div {
+            height: 35px;
+            width: 138px;
+            line-height: 32px;
+            font-size: 22px;
+            font-weight: bold;
+            cursor: pointer;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            color: #154079;
+            padding-bottom: 5px;
+            background: url("http://192.168.1.234:19000/pre/image/png/20251218/1766042138413493.png") bottom left no-repeat;
+        }
+    }
+
+    .listNewsContent {
+        width: 100%;
+        box-sizing: border-box;
+
+        .photo {
+            width: 378px;
+            height: 130px;
+            display: flex;
+            justify-content: space-between;
+            margin-bottom: 26px;
+
+            div {
+                position: relative;
+                width: 185px;
+                height: 130px;
+
+                img {
+                    width: 185px;
+                    height: 130px;
+                }
+
+                span {
+                    position: absolute;
+                    bottom: 0;
+                    left: 0;
+                    display: inline-block;
+                    width: 185px;
+                    height: 29px;
+                    line-height: 29px;
+                    font-size: 14px;
+                    padding-left: 5px;
+                    box-sizing: border-box;
+                    color: #fff;
+                    background-color: rgba(0, 0, 0, 0.2);
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    white-space: nowrap;
+                }
+            }
+        }
+
+        .text {
+            width: 370px;
+            color: #666666;
+            font-size: 18px;
+            margin-bottom: 18px;
+            cursor: pointer;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            padding-left: 16px;
+            background: url("http://192.168.1.234:19000/pre/image/png/20251218/1766042944885873.png") no-repeat left center;
+
+            a {
+                color: #333333;
+            }
+        }
+    }
+
+    // 样式2
+    .style2 {
+        .text {
+            padding-left: 16px;
+            background: url("http://192.168.1.234:19000/pre/image/png/20251218/176604296168575.png") no-repeat left center;
+        }
+    }
+
+    // 样式3
+    .style3 {
+        .text {
+            padding-left: 0px;
+            background: none;
+        }
+    }
+
+    // 样式4
+    .style4 {
+        .photo {
+            margin-bottom: 0px;
+        }
+
+        .text {
+            margin-bottom: 20px;
+        }
+    }
+
+    // 样式5
+    .style5 {
+        .photo {
+            margin-bottom: 0px;
+        }
+
+        .text {
+            margin-bottom: 20px;
+            padding-left: 16px;
+            background: url("http://192.168.1.234:19000/pre/image/png/20251218/176604296168575.png") no-repeat left center;
+        }
+    }
+
+    // 样式6
+    .style6 {
+        .photo {
+            margin-bottom: 0px;
+        }
+
+        .text {
+            margin-bottom: 20px;
+            padding-left: 0px;
+            background: none;
+        }
+    }
+}
+
+//基本样式 end ----------------------------------------></style>

components/template/component/list/380x330/6/3.vue

@@ -0,0 +1,130 @@
+<template>
+    <div class="listNewsBox">
+        <div class="listNewsTitle">
+            <NuxtLink v-if="titleLink1.cid" :href="getLinkPath(titleLink1)" :title="titleLink1.alias">
+                <div :class="{ activeTab: activeTab == 0 }" @mouseenter="activeTab = 0">{{ titleLink1.alias }}</div>
+            </NuxtLink>
+            <NuxtLink v-if="titleLink2.cid" :href="getLinkPath(titleLink2)" :title="titleLink2.alias">
+                <div :class="{ activeTab: activeTab == 1 }" @mouseenter="activeTab = 1">{{ titleLink2.alias }}</div>
+            </NuxtLink>
+        </div>
+        <!--样式1-->
+        <div class="listNewsContent" v-if="componentStyle == 1">
+            <div class="box1" v-if="activeTab == 0">
+                <div v-for="item in component_style1_News1Array">
+                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                        :target="item.islink == 1 ? '_blank' : '_self'">
+                        <img :src="item.imgurl" alt="">
+                        <span>{{ item.title }}</span>
+                    </NuxtLink>
+                </div>
+            </div>
+            <div class="box1" v-if="activeTab == 1">
+                <div v-for="item in component_style1_News1Array_1">
+                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                        :target="item.islink == 1 ? '_blank' : '_self'">
+                        <img :src="item.imgurl" alt="">
+                        <span>{{ item.title }}</span>
+                    </NuxtLink>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script setup>
+//引入vue
+import { ref } from 'vue';
+//获得新闻数据
+const props = defineProps({
+    titleLink1: Object,//板块1名称
+    titleLink2: Object,//板块2名称
+    templateData: Array,//新闻数据
+    templateData1: Array,//新闻数据
+    componentStyle: Number,//样式编号
+});
+//当前选中的tab
+const activeTab = ref(0);
+
+const component_style1_News1Array = ref([]);
+const component_style1_News1Array_1 = ref([]);
+//真实数据
+component_style1_News1Array.value = props.templateData.imgnum;
+component_style1_News1Array_1.value = props.templateData1.imgnum;
+
+
+
+</script>
+
+<style lang="less" scoped>
+//基本样式 start ---------------------------------------->
+.listNewsBox {
+    position: relative;
+
+    .listNewsTitle {
+        display: flex;
+        align-items: flex-start;
+        justify-content: flex-start;
+        height: 38px;
+        margin-bottom: 20px;
+
+        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;
+            padding-bottom: 5px;
+
+            &.activeTab {
+                color: #154079;
+                background: url("http://192.168.1.234:19000/pre/image/png/20251218/1766042138413493.png") bottom left no-repeat;
+            }
+        }
+    }
+
+    .listNewsContent {
+        width: 380px;
+        height: 268px;
+
+        div {
+            width: 380px;
+            height: 268px;
+            position: relative;
+
+            a {
+                color: #fff;
+
+                img {
+                    width: 380px;
+                    height: 268px;
+                }
+
+                span {
+                    position: absolute;
+                    bottom: 0;
+                    left: 0;
+                    display: inline-block;
+                    width: 380px;
+                    height: 50px;
+                    line-height: 50px;
+                    font-size: 14px;
+                    padding: 0 10px;
+                    box-sizing: border-box;
+                    color: #fff;
+                    background-color: rgba(0, 0, 0, 0.2);
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    white-space: nowrap;
+                }
+            }
+        }
+    }
+}
+
+//基本样式 end ----------------------------------------></style>

components/template/component/list/380x330/6/4.vue

@@ -0,0 +1,205 @@
+<template>
+    <div class="listNewsBox">
+        <div class="listNewsTitle">
+            <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 v-for="item in component_style1_News1Array_1">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    {{ item.title }}
+                </NuxtLink>
+            </div>
+        </div>
+        <!--样式2-->
+        <div class="listNewsContent style2" v-if="componentStyle == 2">
+            <div v-for="item in component_style1_News1Array_1">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    {{ item.title }}
+                </NuxtLink>
+            </div>
+        </div>
+        <!--样式3-->
+        <div class="listNewsContent style3" v-if="componentStyle == 3">
+            <div v-for="item in component_style1_News1Array_1">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    {{ item.title }}
+                </NuxtLink>
+            </div>
+        </div>
+        <!--样式4-->
+        <div class="listNewsContent style4" v-if="componentStyle == 4">
+            <div v-for="item in component_style1_News1Array_1">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    {{ item.title }}
+                </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([]);
+const component_style1_News1Array_1 = ref([]);
+//真实数据
+component_style1_News1Array.value = props.templateData.textnum;
+component_style1_News1Array_1.value = props.templateData.textnum.slice(0, 6); //第1-6条
+
+//样式1与样式2共用 end ---------------------------------------->
+</script>
+
+<style lang="less" scoped>
+//基本样式 start ---------------------------------------->
+.listNewsBox {
+    position: relative;
+
+    .listNewsTitle {
+        height: 38px;
+        line-height: 38px;
+        margin-bottom: 19px;
+
+        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: #154079;
+            padding-bottom: 5px;
+            background: url("http://192.168.1.234:19000/pre/image/png/20251218/1766042138413493.png") bottom left no-repeat;
+        }
+    }
+
+    .listNewsContent {
+        width: 100%;
+        box-sizing: border-box;
+
+        div {
+            color: #666666;
+            font-size: 18px;
+            margin-bottom: 18px;
+            cursor: pointer;
+
+            &:first-child {
+                height: 48px;
+                line-height: 24px;
+                color: #333333;
+                font-weight: bold;
+                width: 380px;
+                display: -webkit-box;
+                -webkit-box-orient: vertical;
+                -webkit-line-clamp: 2;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                word-break: break-all;
+
+                a {
+                    color: #333333;
+                }
+            }
+
+            &:nth-child(2),
+            &:nth-child(3),
+            &:nth-child(4),
+            &:nth-child(5),
+            &:nth-child(6) {
+                width: 370px;
+                color: #666666;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                white-space: nowrap;
+                padding-left: 16px;
+                background: url("http://192.168.1.234:19000/pre/image/png/20251218/1766042944885873.png") no-repeat left center;
+
+                a {
+                    color: #666666;
+                }
+            }
+
+            &:last-child {
+                margin-bottom: 0;
+            }
+        }
+    }
+
+    // 样式2
+    .style2 {
+        div {
+            &:first-child {
+                font-weight: 400;
+            }
+
+            a {
+                color: #333333;
+            }
+        }
+    }
+
+    // 样式3
+    .style3 {
+        div {
+
+            &:nth-child(2),
+            &:nth-child(3),
+            &:nth-child(4),
+            &:nth-child(5),
+            &:nth-child(6) {
+                padding-left: 16px;
+                background: url("http://192.168.1.234:19000/pre/image/png/20251218/176604296168575.png") no-repeat left center;
+
+                a {
+                    color: #666666;
+                }
+            }
+        }
+    }
+
+    //样式4
+    .style4 {
+        div {
+            &:first-child {
+                font-weight: 400;
+            }
+
+            &:nth-child(2),
+            &:nth-child(3),
+            &:nth-child(4),
+            &:nth-child(5),
+            &:nth-child(6) {
+                padding-left: 16px;
+                background: url("http://192.168.1.234:19000/pre/image/png/20251218/176604296168575.png") no-repeat left center;
+
+                a {
+                    color: #666666;
+                }
+            }
+
+            a {
+                color: #333333;
+            }
+        }
+    }
+}
+
+//基本样式 end ----------------------------------------></style>

components/template/component/list/380x330/6/5.vue

@@ -0,0 +1,380 @@
+<template>
+    <div class="listNewsBox">
+        <div class="listNewsTitle">
+            <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="photo">
+                <div v-for="item in component_style1_News1Array_img">
+                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                        :target="item.islink == 1 ? '_blank' : '_self'">
+                        <img :src="item.imgurl" :alt="item.title">
+                        <span>{{ item.title }}</span>
+                    </NuxtLink>
+                </div>
+            </div>
+            <div class="text">
+                <div v-for="item in component_style1_News1Array_text">
+                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                        :target="item.islink == 1 ? '_blank' : '_self'">
+                        {{ item.title }}
+                    </NuxtLink>
+                </div>
+            </div>
+        </div>
+        <!--样式2-->
+        <div class="listNewsContent style2" v-if="componentStyle == 2">
+            <div class="text">
+                <div v-for="item in component_style1_News1Array_text">
+                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                        :target="item.islink == 1 ? '_blank' : '_self'">
+                        {{ item.title }}
+                    </NuxtLink>
+                </div>
+            </div>
+            <div class="photo">
+                <div v-for="item in component_style1_News1Array_img">
+                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                        :target="item.islink == 1 ? '_blank' : '_self'">
+                        <img :src="item.imgurl" :alt="item.title">
+                        <span>{{ item.title }}</span>
+                    </NuxtLink>
+                </div>
+            </div>
+        </div>
+        <!--样式3-->
+        <div class="listNewsContent style3" v-if="componentStyle == 3">
+            <div class="photo">
+                <div v-for="item in component_style1_News1Array_img">
+                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                        :target="item.islink == 1 ? '_blank' : '_self'">
+                        <img :src="item.imgurl" :alt="item.title">
+                        <span>{{ item.title }}</span>
+                    </NuxtLink>
+                </div>
+            </div>
+            <div class="text">
+                <div v-for="item in component_style1_News1Array_text">
+                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                        :target="item.islink == 1 ? '_blank' : '_self'">
+                        {{ item.title }}
+                    </NuxtLink>
+                </div>
+            </div>
+        </div>
+        <!--样式4-->
+        <div class="listNewsContent style4" v-if="componentStyle == 4">
+            <div class="text">
+                <div v-for="item in component_style1_News1Array_text">
+                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                        :target="item.islink == 1 ? '_blank' : '_self'">
+                        {{ item.title }}
+                    </NuxtLink>
+                </div>
+            </div>
+            <div class="photo">
+                <div v-for="item in component_style1_News1Array_img">
+                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                        :target="item.islink == 1 ? '_blank' : '_self'">
+                        <img :src="item.imgurl" :alt="item.title">
+                        <span>{{ item.title }}</span>
+                    </NuxtLink>
+                </div>
+            </div>
+        </div>
+        <!--样式5-->
+        <div class="listNewsContent style5" v-if="componentStyle == 5">
+            <div class="photo">
+                <div v-for="item in component_style1_News1Array_img">
+                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                        :target="item.islink == 1 ? '_blank' : '_self'">
+                        <img :src="item.imgurl" :alt="item.title">
+                        <span>{{ item.title }}</span>
+                    </NuxtLink>
+                </div>
+            </div>
+            <div class="text">
+                <div v-for="item in component_style1_News1Array_text">
+                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                        :target="item.islink == 1 ? '_blank' : '_self'">
+                        {{ item.title }}
+                    </NuxtLink>
+                </div>
+            </div>
+        </div>
+        <!--样式6-->
+        <div class="listNewsContent style6" v-if="componentStyle == 6">
+            <div class="text">
+                <div v-for="item in component_style1_News1Array_text">
+                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                        :target="item.islink == 1 ? '_blank' : '_self'">
+                        {{ item.title }}
+                    </NuxtLink>
+                </div>
+            </div>
+            <div class="photo">
+                <div v-for="item in component_style1_News1Array_img">
+                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                        :target="item.islink == 1 ? '_blank' : '_self'">
+                        <img :src="item.imgurl" :alt="item.title">
+                        <span>{{ item.title }}</span>
+                    </NuxtLink>
+                </div>
+            </div>
+        </div>
+        <!--样式7-->
+        <div class="listNewsContent style7" v-if="componentStyle == 7">
+            <div class="photo">
+                <div v-for="item in component_style1_News1Array_img">
+                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                        :target="item.islink == 1 ? '_blank' : '_self'">
+                        <img :src="item.imgurl" :alt="item.title">
+                        <span>{{ item.title }}</span>
+                    </NuxtLink>
+                </div>
+            </div>
+            <div class="text">
+                <div v-for="item in component_style1_News1Array_text">
+                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                        :target="item.islink == 1 ? '_blank' : '_self'">
+                        {{ item.title }}
+                    </NuxtLink>
+                </div>
+            </div>
+        </div>
+        <!--样式8-->
+        <div class="listNewsContent style8" v-if="componentStyle == 8">
+            <div class="text">
+                <div v-for="item in component_style1_News1Array_text">
+                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                        :target="item.islink == 1 ? '_blank' : '_self'">
+                        {{ item.title }}
+                    </NuxtLink>
+                </div>
+            </div>
+            <div class="photo">
+                <div v-for="item in component_style1_News1Array_img">
+                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                        :target="item.islink == 1 ? '_blank' : '_self'">
+                        <img :src="item.imgurl" :alt="item.title">
+                        <span>{{ item.title }}</span>
+                    </NuxtLink>
+                </div>
+            </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_img = ref([]);
+const component_style1_News1Array_text = ref([]);
+//真实数据
+component_style1_News1Array_img.value = props.templateData.imgnum.slice(0, 2);
+component_style1_News1Array_text.value = props.templateData.textnum.slice(0, 3);
+
+//样式1与样式2共用 end ---------------------------------------->
+</script>
+
+<style lang="less" scoped>
+//基本样式 start ---------------------------------------->
+.listNewsBox {
+    position: relative;
+
+    .listNewsTitle {
+        height: 38px;
+        line-height: 38px;
+        margin-bottom: 19px;
+
+        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: #154079;
+            padding-bottom: 5px;
+            background: url("http://192.168.1.234:19000/pre/image/png/20251218/1766042138413493.png") bottom left no-repeat;
+        }
+    }
+
+    .listNewsContent {
+        width: 100%;
+        box-sizing: border-box;
+
+        .photo {
+            width: 378px;
+            height: 130px;
+            display: flex;
+            justify-content: space-between;
+            margin-bottom: 26px;
+
+            div {
+                position: relative;
+                width: 185px;
+                height: 130px;
+
+                img {
+                    width: 185px;
+                    height: 130px;
+                }
+
+                span {
+                    position: absolute;
+                    bottom: 0;
+                    left: 0;
+                    display: inline-block;
+                    width: 185px;
+                    height: 29px;
+                    line-height: 29px;
+                    font-size: 14px;
+                    padding-left: 5px;
+                    box-sizing: border-box;
+                    color: #fff;
+                    background-color: #888585;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    white-space: nowrap;
+                }
+            }
+        }
+
+        .text {
+            div {
+                width: 370px;
+                color: #666666;
+                font-size: 18px;
+                margin-bottom: 18px;
+                padding-left: 16px;
+                cursor: pointer;
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                padding-left: 8px;
+                background: url("http://192.168.1.234:19000/pre/image/png/20251218/1766042944885873.png") no-repeat left center;
+
+                a {
+                    color: #666666;
+                }
+            }
+        }
+    }
+
+    // 样式2
+    .style2 {
+        .text {
+            margin-bottom: 24px;
+        }
+
+        .photo {
+            margin-bottom: 0;
+        }
+    }
+
+    // 样式3
+    .style3 {
+        .text {
+            div {
+                padding-left: 8px;
+                background: url("http://192.168.1.234:19000/pre/image/png/20251218/176604296168575.png") no-repeat left center;
+            }
+        }
+    }
+
+    // 样式4
+    .style4 {
+        .text {
+            margin-bottom: 24px;
+
+            div {
+                padding-left: 8px;
+                background: url("http://192.168.1.234:19000/pre/image/png/20251218/176604296168575.png") no-repeat left center;
+            }
+        }
+
+        .photo {
+            margin-bottom: 0;
+        }
+    }
+
+    // 样式5
+    .style5 {
+        .text {
+            div {
+                &:first-child {
+                    font-weight: bold;
+                }
+            }
+        }
+    }
+
+    // 样式6
+    .style6 {
+        .text {
+            margin-bottom: 24px;
+
+            div {
+                &:first-child {
+                    font-weight: bold;
+                }
+            }
+        }
+
+        .photo {
+            margin-bottom: 0;
+        }
+    }
+
+    // 样式7
+    .style7 {
+        .text {
+            div {
+                padding-left: 8px;
+                background: url("http://192.168.1.234:19000/pre/image/png/20251218/176604296168575.png") no-repeat left center;
+
+                &:first-child {
+                    font-weight: bold;
+                }
+            }
+        }
+    }
+
+    // 样式8
+    .style8 {
+        .text {
+            margin-bottom: 24px;
+
+            div {
+                padding-left: 8px;
+                background: url("http://192.168.1.234:19000/pre/image/png/20251218/176604296168575.png") no-repeat left center;
+
+                &:first-child {
+                    font-weight: bold;
+                }
+            }
+        }
+
+        .photo {
+            margin-bottom: 0;
+        }
+    }
+}
+
+//基本样式 end ----------------------------------------></style>

components/template/component/list/380x330/6/6.vue

@@ -0,0 +1,95 @@
+<template>
+    <div class="listNewsBox" v-if="componentStyle == 1">
+        <div class="listNewsTitle">
+            <NuxtLink v-if="titleLink.cid" :href="getLinkPath(titleLink)" :title="titleLink.alias">
+                <div>{{ titleLink.alias }}</div>
+            </NuxtLink>
+        </div>
+        <!--样式1-->
+        <div class="listNewsContent" v-if="component_style1_News1Array.length > 0">
+            <div v-for="item in component_style1_News1Array">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    <img :src="item.imgurl" alt="">
+                    <span>{{ item.title }}</span>
+                </NuxtLink>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script setup>
+//引入vue
+import { ref } from 'vue';
+//获得新闻数据
+const props = defineProps({
+    titleLink: Object,//板块名称
+    templateData: Array,//新闻数据
+    componentStyle: Number,//样式编号
+});
+//当前选中的tab
+const activeTab = ref(0);
+
+const component_style1_News1Array = ref([]);
+//真实数据
+component_style1_News1Array.value = props.templateData;
+
+</script>
+
+<style lang="less" scoped>
+//基本样式 start ---------------------------------------->
+.listNewsBox {
+    position: relative;
+
+    .listNewsTitle {
+        height: 38px;
+        line-height: 38px;
+        margin-bottom: 19px;
+
+        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: #154079;
+            padding-bottom: 5px;
+            background: url("http://192.168.1.234:19000/pre/image/png/20251218/1766042138413493.png") bottom left no-repeat;
+        }
+    }
+
+    .listNewsContent {
+        position: relative;
+
+        div {
+            a {
+                img {
+                    width: 374px;
+                    height: 264px;
+                }
+
+                span {
+                    display: inline-block;
+                    width: 374px;
+                    height: 50px;
+                    line-height: 50px;
+                    font-size: 16px;
+                    font-weight: bold;
+                    color: #fff;
+                    position: absolute;
+                    bottom: 0;
+                    left: 0;
+                    padding-left: 15px;
+                    background-color: rgba(0, 0, 0, 0.2);
+                }
+            }
+        }
+    }
+}
+
+//基本样式 end ----------------------------------------></style>

components/template/component/list/380x360/6/1.vue

@@ -0,0 +1,193 @@
+<template>
+    <div class="listNewsBox">
+        <div class="listNewsTitle">
+            <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 v-for="(item, index) in component_style1_News1Array_text">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    <span>{{ index + 1 }}</span>
+                    {{ item.title }}
+                </NuxtLink>
+            </div>
+        </div>
+        <!--样式2-->
+        <div class="listNewsContent style2" v-if="componentStyle == 2">
+            <div v-for="(item, index) in component_style1_News1Array_text">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    <span>{{ index + 1 }}</span>
+                    {{ item.title }}
+                </NuxtLink>
+            </div>
+        </div>
+        <!--样式3-->
+        <div class="listNewsContent style3" v-if="componentStyle == 3">
+            <div v-for="(item, index) in component_style1_News1Array_text">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    <span>{{ index + 1 }}</span>
+                    {{ item.title }}
+                </NuxtLink>
+            </div>
+        </div>
+        <!--样式4-->
+        <div class="listNewsContent style4" v-if="componentStyle == 4">
+            <div v-for="(item, index) in component_style1_News1Array_text">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    <span>{{ index + 1 }}</span>
+                    {{ item.title }}
+                </NuxtLink>
+            </div>
+        </div>
+        <!--样式5-->
+        <div class="listNewsContent" v-if="componentStyle == 5">
+            <div v-for="item in component_style1_News1Array_text">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    {{ item.title }}
+                </NuxtLink>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script setup>
+//引入vue
+import { ref } from 'vue';
+//获得新闻数据
+const props = defineProps({
+    titleLink: Object,//板块名称
+    templateData: Array,//新闻数据
+    componentStyle: Number,//样式编号
+});
+
+const component_style1_News1Array_text = ref([]);
+//真实数据
+component_style1_News1Array_text.value = props.templateData.textnum.slice(0, 7);
+</script>
+
+<style lang="less" scoped>
+//基本样式 start ---------------------------------------->
+.listNewsBox {
+    position: relative;
+
+    .listNewsTitle {
+        height: 38px;
+        line-height: 38px;
+        margin-bottom: 19px;
+
+        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: #154079;
+            padding-bottom: 5px;
+            background: url("http://192.168.1.234:19000/pre/image/png/20251218/1766042138413493.png") bottom left no-repeat;
+        }
+    }
+
+    .listNewsContent {
+        div {
+            width: 380px;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            color: #333333;
+            font-size: 18px;
+            margin-bottom: 16px;
+
+            a {
+                color: #333333;
+
+                span {
+                    font-family: DingTalk JinBuTi;
+                    font-size: 20px;
+                    color: #d9d9d9;
+                    padding-right: 15px;
+                }
+            }
+
+            &:nth-child(1),
+            &:nth-child(2),
+            &:nth-child(3) {
+                span {
+                    color: #154079;
+                }
+            }
+
+            &:last-child {
+                margin-bottom: 0;
+            }
+        }
+    }
+
+    // 样式2
+    .style2 {
+        div {
+            a {
+                color: #333333;
+
+                span {
+                    color: #154079;
+                }
+            }
+        }
+    }
+
+    // 样式3
+    .style3 {
+        div {
+            a {
+                color: #333333;
+
+                span {
+                    color: #d9d9d9;
+                }
+            }
+
+            &:nth-child(1),
+            &:nth-child(2),
+            &:nth-child(3) {
+                span {
+                    color: #333333;
+                }
+            }
+        }
+    }
+
+    // 样式4
+    .style4 {
+        div {
+            a {
+                color: #333333;
+
+                span {
+                    color: #333333;
+                }
+            }
+
+            &:nth-child(1),
+            &:nth-child(2),
+            &:nth-child(3) {
+                span {
+                    color: #333333;
+                }
+            }
+        }
+    }
+}
+
+//基本样式 end ----------------------------------------></style>

components/template/component/list/380x460/1.vue

@@ -7,29 +7,44 @@
             </div>
             <div class="tabsNewsContent">
                 <div class="linkSectorItem bg1">
-                    <div class="linkSectorItemImg"><img
-                            src="https://img.bjzxtw.org.cn/pre/image/png/20251204/1764829523821547.png" /></div>
-                    <div class="linkSectorItemTitle">人员查询</div>
+                    <NuxtLink href="http://dy.qgsnfzzx.org.cn/list-renyuanchaxun.html" target="_blank">
+                        <div class="linkSectorItemImg">
+                            <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766037376173658.png" />
+                        </div>
+                        <div class="linkSectorItemTitle">人员查询</div>
+                    </NuxtLink>
                 </div>
                 <div class="linkSectorItem bg2">
-                    <div class="linkSectorItemImg"><img
-                            src="https://img.bjzxtw.org.cn/pre/image/png/20251204/1764829535138848.png" /></div>
-                    <div class="linkSectorItemTitle">车辆查询</div>
+                    <NuxtLink href="http://dy.qgsnfzzx.org.cn/list-cheliangchaxun.html" target="_blank">
+                        <div class="linkSectorItemImg">
+                            <img src="http://192.168.1.234:19000/pre/image/png/20251218/176603756265799.png" />
+                        </div>
+                        <div class="linkSectorItemTitle">车辆查询</div>
+                    </NuxtLink>
                 </div>
                 <div class="linkSectorItem bg3">
-                    <div class="linkSectorItemImg"><img
-                            src="https://img.bjzxtw.org.cn/pre/image/png/20251204/1764829545715397.png" /></div>
-                    <div class="linkSectorItemTitle">调研选题</div>
+                    <NuxtLink href="http://dy.qgsnfzzx.org.cn/list-diaoyanxuanti.html" target="_blank">
+                        <div class="linkSectorItemImg">
+                            <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766037584477856.png" />
+                        </div>
+                        <div class="linkSectorItemTitle">调研选题</div>
+                    </NuxtLink>
                 </div>
                 <div class="linkSectorItem bg4">
-                    <div class="linkSectorItemImg"><img
-                            src="https://img.bjzxtw.org.cn/pre/image/png/20251204/1764829554955936.png" /></div>
-                    <div class="linkSectorItemTitle">地市中心</div>
+                    <NuxtLink href="http://dy.qgsnfzzx.org.cn/list-difangzhongxin.html" target="_blank">
+                        <div class="linkSectorItemImg">
+                            <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766037605561701.png" />
+                        </div>
+                        <div class="linkSectorItemTitle">地市中心</div>
+                    </NuxtLink>
                 </div>
                 <div class="linkSectorItem bg5">
-                    <div class="linkSectorItemImg"><img
-                            src="https://img.bjzxtw.org.cn/pre/image/png/20251204/176482956394689.png" /></div>
-                    <div class="linkSectorItemTitle">介绍信查询</div>
+                    <NuxtLink href="http://dy.qgsnfzzx.org.cn/list-jieshaoxinchaxun.html" target="_blank">
+                        <div class="linkSectorItemImg">
+                            <img src="http://192.168.1.234:19000/pre/image/png/20251218/176603759448937.png" />
+                        </div>
+                        <div class="linkSectorItemTitle">介绍信查询</div>
+                    </NuxtLink>
                 </div>
             </div>
         </div>
@@ -85,10 +100,11 @@ export default {
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
+            padding-bottom: 5px;
 
             &.activeTab {
                 color: #154079;
-                background: url("https://img.bjzxtw.org.cn/pre/image/png/20251203/1764727759430368.png") bottom left no-repeat;
+                background: url("http://192.168.1.234:19000/pre/image/png/20251218/1766042138413493.png") bottom left no-repeat;
             }
         }
     }
@@ -101,7 +117,6 @@ export default {
         flex-wrap: wrap;
         align-items: center;
         justify-content: space-between;
-        // border-top: 2px dashed #999;
 
         .linkSectorItem {
             width: 185px;
@@ -109,7 +124,10 @@ export default {
             box-sizing: border-box;
             cursor: pointer;
             text-align: center;
-            margin-bottom: 14px;
+            margin-bottom: 22px;
+            a{
+                color: #333333;
+            }
 
             &:last-child {
                 margin-bottom: 0;
@@ -138,23 +156,23 @@ export default {
         }
 
         .bg1 {
-            background: url(https://img.bjzxtw.org.cn/pre/image/png/20251204/176483007447579.png) no-repeat center center;
+            background: url(http://192.168.1.234:19000/pre/image/png/20251218/176603744164435.png) no-repeat center center;
         }
 
         .bg2 {
-            background: url(https://img.bjzxtw.org.cn/pre/image/png/20251204/1764830085351980.png) no-repeat center center;
+            background: url(http://192.168.1.234:19000/pre/image/png/20251218/1766037457950506.png) no-repeat center center;
         }
 
         .bg3 {
-            background: url(https://img.bjzxtw.org.cn/pre/image/png/20251204/176483009768433.png) no-repeat center center;
+            background: url(http://192.168.1.234:19000/pre/image/png/20251218/1766037475861824.png) no-repeat center center;
         }
 
         .bg4 {
-            background: url(https://img.bjzxtw.org.cn/pre/image/png/20251204/1764830107460839.png) no-repeat center center;
+            background: url(http://192.168.1.234:19000/pre/image/png/20251218/1766037490721060.png) no-repeat center center;
         }
 
         .bg5 {
-            background: url(https://img.bjzxtw.org.cn/pre/image/png/20251204/1764830115163124.png) no-repeat center center;
+            background: url(http://192.168.1.234:19000/pre/image/png/20251218/1766037543240632.png) no-repeat center center;
         }
     }
 

components/template/component/list/790x360/6/1.vue

@@ -0,0 +1,775 @@
+<template>
+    <div class="listNewsBox">
+        <div class="listNewsTitle">
+            <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="contentLeft">
+                <div class="leftTop">
+                    <div class="photo">
+                        <div v-for="(item, index) in component_style1_News1Array_img_1">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                <img :src="item.imgurl" v-if="activeIndex == index">
+                            </NuxtLink>
+                        </div>
+                    </div>
+                    <div class="text">
+                        <div v-for="(item, index) in component_style1_News1Array_img_1"
+                            :class="{ 'active': activeIndex == index }">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                @mouseenter="activeIndex = index" :target="item.islink == 1 ? '_blank' : '_self'">
+                                {{ item.title }}
+                            </NuxtLink>
+                        </div>
+                    </div>
+                </div>
+                <div class="leftBottom">
+                    <div v-for="item in component_style1_News1Array_text_1">
+                        <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                            :target="item.islink == 1 ? '_blank' : '_self'">
+                            {{ item.title }}
+                        </NuxtLink>
+                    </div>
+                </div>
+            </div>
+            <div class="contentLeft">
+                <div class="leftTop">
+                    <div class="photo">
+                        <div v-for="(item, index) in component_style1_News1Array_img_2">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                <img :src="item.imgurl" v-if="activeIndex1 == index">
+                            </NuxtLink>
+                        </div>
+                    </div>
+                    <div class="text">
+                        <div v-for="(item, index) in component_style1_News1Array_img_2"
+                            :class="{ 'active': activeIndex1 == index }">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                @mouseenter="activeIndex1 = index" :target="item.islink == 1 ? '_blank' : '_self'">
+                                {{ item.title }}
+                            </NuxtLink>
+                        </div>
+                    </div>
+                </div>
+                <div class="leftBottom">
+                    <div v-for="item in component_style1_News1Array_text_2">
+                        <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                            :target="item.islink == 1 ? '_blank' : '_self'">
+                            {{ item.title }}
+                        </NuxtLink>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!--样式2-->
+        <div class="listNewsContent style2" v-if="componentStyle == 2">
+            <div class="contentLeft">
+                <div class="leftTop">
+                    <div class="photo">
+                        <div v-for="(item, index) in component_style1_News1Array_img_1">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                <img :src="item.imgurl" v-if="activeIndex == index">
+                            </NuxtLink>
+                        </div>
+                    </div>
+                    <div class="text">
+                        <div v-for="(item, index) in component_style1_News1Array_img_1"
+                            :class="{ 'active': activeIndex == index }">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                @mouseenter="activeIndex = index" :target="item.islink == 1 ? '_blank' : '_self'">
+                                {{ item.title }}
+                            </NuxtLink>
+                        </div>
+                    </div>
+                </div>
+                <div class="leftBottom">
+                    <div v-for="item in component_style1_News1Array_text_1">
+                        <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                            :target="item.islink == 1 ? '_blank' : '_self'">
+                            {{ item.title }}
+                        </NuxtLink>
+                    </div>
+                </div>
+            </div>
+            <div class="contentLeft">
+                <div class="leftTop">
+                    <div class="photo">
+                        <div v-for="(item, index) in component_style1_News1Array_img_2">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                <img :src="item.imgurl" v-if="activeIndex1 == index">
+                            </NuxtLink>
+                        </div>
+                    </div>
+                    <div class="text">
+                        <div v-for="(item, index) in component_style1_News1Array_img_2"
+                            :class="{ 'active': activeIndex1 == index }">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                @mouseenter="activeIndex1 = index" :target="item.islink == 1 ? '_blank' : '_self'">
+                                {{ item.title }}
+                            </NuxtLink>
+                        </div>
+                    </div>
+                </div>
+                <div class="leftBottom">
+                    <div v-for="item in component_style1_News1Array_text_2">
+                        <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                            :target="item.islink == 1 ? '_blank' : '_self'">
+                            {{ item.title }}
+                        </NuxtLink>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!--样式3-->
+        <div class="listNewsContent style3" v-if="componentStyle == 3">
+            <div class="contentLeft">
+                <div class="leftBottom">
+                    <div v-for="item in component_style1_News1Array_text_1">
+                        <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                            :target="item.islink == 1 ? '_blank' : '_self'">
+                            {{ item.title }}
+                        </NuxtLink>
+                    </div>
+                </div>
+                <div class="leftTop">
+                    <div class="photo">
+                        <div v-for="(item, index) in component_style1_News1Array_img_1">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                <img :src="item.imgurl" v-if="activeIndex == index">
+                            </NuxtLink>
+                        </div>
+                    </div>
+                    <div class="text">
+                        <div v-for="(item, index) in component_style1_News1Array_img_1"
+                            :class="{ 'active': activeIndex == index }">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                @mouseenter="activeIndex = index" :target="item.islink == 1 ? '_blank' : '_self'">
+                                {{ item.title }}
+                            </NuxtLink>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="contentLeft">
+                <div class="leftBottom">
+                    <div v-for="item in component_style1_News1Array_text_2">
+                        <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                            :target="item.islink == 1 ? '_blank' : '_self'">
+                            {{ item.title }}
+                        </NuxtLink>
+                    </div>
+                </div>
+                <div class="leftTop">
+                    <div class="photo">
+                        <div v-for="(item, index) in component_style1_News1Array_img_2">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                <img :src="item.imgurl" v-if="activeIndex1 == index">
+                            </NuxtLink>
+                        </div>
+                    </div>
+                    <div class="text">
+                        <div v-for="(item, index) in component_style1_News1Array_img_2"
+                            :class="{ 'active': activeIndex1 == index }">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                @mouseenter="activeIndex1 = index" :target="item.islink == 1 ? '_blank' : '_self'">
+                                {{ item.title }}
+                            </NuxtLink>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!--样式4-->
+        <div class="listNewsContent style4" v-if="componentStyle == 4">
+            <div class="contentLeft">
+                <div class="leftBottom">
+                    <div v-for="item in component_style1_News1Array_text_1">
+                        <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                            :target="item.islink == 1 ? '_blank' : '_self'">
+                            {{ item.title }}
+                        </NuxtLink>
+                    </div>
+                </div>
+                <div class="leftTop">
+                    <div class="photo">
+                        <div v-for="(item, index) in component_style1_News1Array_img_1">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                <img :src="item.imgurl" v-if="activeIndex == index">
+                            </NuxtLink>
+                        </div>
+                    </div>
+                    <div class="text">
+                        <div v-for="(item, index) in component_style1_News1Array_img_1"
+                            :class="{ 'active': activeIndex == index }">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                @mouseenter="activeIndex = index" :target="item.islink == 1 ? '_blank' : '_self'">
+                                {{ item.title }}
+                            </NuxtLink>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="contentLeft">
+                <div class="leftBottom">
+                    <div v-for="item in component_style1_News1Array_text_2">
+                        <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                            :target="item.islink == 1 ? '_blank' : '_self'">
+                            {{ item.title }}
+                        </NuxtLink>
+                    </div>
+                </div>
+                <div class="leftTop">
+                    <div class="photo">
+                        <div v-for="(item, index) in component_style1_News1Array_img_2">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                <img :src="item.imgurl" v-if="activeIndex1 == index">
+                            </NuxtLink>
+                        </div>
+                    </div>
+                    <div class="text">
+                        <div v-for="(item, index) in component_style1_News1Array_img_2"
+                            :class="{ 'active': activeIndex1 == index }">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                @mouseenter="activeIndex1 = index" :target="item.islink == 1 ? '_blank' : '_self'">
+                                {{ item.title }}
+                            </NuxtLink>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!--样式5-->
+        <div class="listNewsContent style5" v-if="componentStyle == 5">
+            <div class="contentLeft">
+                <div class="leftTop">
+                    <div class="photo">
+                        <div v-for="(item, index) in component_style1_News1Array_img_1">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                <img :src="item.imgurl" v-if="activeIndex == index">
+                            </NuxtLink>
+                        </div>
+                    </div>
+                    <div class="text">
+                        <div v-for="(item, index) in component_style1_News1Array_img_1"
+                            :class="{ 'active': activeIndex == index }">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                @mouseenter="activeIndex = index" :target="item.islink == 1 ? '_blank' : '_self'">
+                                {{ item.title }}
+                            </NuxtLink>
+                        </div>
+                    </div>
+                </div>
+                <div class="leftBottom">
+                    <div v-for="item in component_style1_News1Array_text_1">
+                        <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                            :target="item.islink == 1 ? '_blank' : '_self'">
+                            {{ item.title }}
+                        </NuxtLink>
+                    </div>
+                </div>
+            </div>
+            <div class="contentLeft">
+                <div class="leftTop">
+                    <div class="photo">
+                        <div v-for="(item, index) in component_style1_News1Array_img_2">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                <img :src="item.imgurl" v-if="activeIndex1 == index">
+                            </NuxtLink>
+                        </div>
+                    </div>
+                    <div class="text">
+                        <div v-for="(item, index) in component_style1_News1Array_img_2"
+                            :class="{ 'active': activeIndex1 == index }">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                @mouseenter="activeIndex1 = index" :target="item.islink == 1 ? '_blank' : '_self'">
+                                {{ item.title }}
+                            </NuxtLink>
+                        </div>
+                    </div>
+                </div>
+                <div class="leftBottom">
+                    <div v-for="item in component_style1_News1Array_text_2">
+                        <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                            :target="item.islink == 1 ? '_blank' : '_self'">
+                            {{ item.title }}
+                        </NuxtLink>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!--样式6-->
+        <div class="listNewsContent style6" v-if="componentStyle == 6">
+            <div class="contentLeft">
+                <div class="leftTop">
+                    <div class="photo">
+                        <div v-for="(item, index) in component_style1_News1Array_img_1">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                <img :src="item.imgurl" v-if="activeIndex == index">
+                            </NuxtLink>
+                        </div>
+                    </div>
+                    <div class="text">
+                        <div v-for="(item, index) in component_style1_News1Array_img_1"
+                            :class="{ 'active': activeIndex == index }">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                @mouseenter="activeIndex = index" :target="item.islink == 1 ? '_blank' : '_self'">
+                                {{ item.title }}
+                            </NuxtLink>
+                        </div>
+                    </div>
+                </div>
+                <div class="leftBottom">
+                    <div v-for="item in component_style1_News1Array_text_1">
+                        <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                            :target="item.islink == 1 ? '_blank' : '_self'">
+                            {{ item.title }}
+                        </NuxtLink>
+                    </div>
+                </div>
+            </div>
+            <div class="contentLeft">
+                <div class="leftTop">
+                    <div class="photo">
+                        <div v-for="(item, index) in component_style1_News1Array_img_2">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                <img :src="item.imgurl" v-if="activeIndex1 == index">
+                            </NuxtLink>
+                        </div>
+                    </div>
+                    <div class="text">
+                        <div v-for="(item, index) in component_style1_News1Array_img_2"
+                            :class="{ 'active': activeIndex1 == index }">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                @mouseenter="activeIndex1 = index" :target="item.islink == 1 ? '_blank' : '_self'">
+                                {{ item.title }}
+                            </NuxtLink>
+                        </div>
+                    </div>
+                </div>
+                <div class="leftBottom">
+                    <div v-for="item in component_style1_News1Array_text_2">
+                        <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                            :target="item.islink == 1 ? '_blank' : '_self'">
+                            {{ item.title }}
+                        </NuxtLink>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!--样式7-->
+        <div class="listNewsContent style7" v-if="componentStyle == 7">
+            <div class="contentLeft">
+                <div class="leftBottom">
+                    <div v-for="item in component_style1_News1Array_text_1">
+                        <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                            :target="item.islink == 1 ? '_blank' : '_self'">
+                            {{ item.title }}
+                        </NuxtLink>
+                    </div>
+                </div>
+                <div class="leftTop">
+                    <div class="photo">
+                        <div v-for="(item, index) in component_style1_News1Array_img_1">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                <img :src="item.imgurl" v-if="activeIndex == index">
+                            </NuxtLink>
+                        </div>
+                    </div>
+                    <div class="text">
+                        <div v-for="(item, index) in component_style1_News1Array_img_1"
+                            :class="{ 'active': activeIndex == index }">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                @mouseenter="activeIndex = index" :target="item.islink == 1 ? '_blank' : '_self'">
+                                {{ item.title }}
+                            </NuxtLink>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="contentLeft">
+                <div class="leftBottom">
+                    <div v-for="item in component_style1_News1Array_text_2">
+                        <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                            :target="item.islink == 1 ? '_blank' : '_self'">
+                            {{ item.title }}
+                        </NuxtLink>
+                    </div>
+                </div>
+                <div class="leftTop">
+                    <div class="photo">
+                        <div v-for="(item, index) in component_style1_News1Array_img_2">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                <img :src="item.imgurl" v-if="activeIndex1 == index">
+                            </NuxtLink>
+                        </div>
+                    </div>
+                    <div class="text">
+                        <div v-for="(item, index) in component_style1_News1Array_img_2"
+                            :class="{ 'active': activeIndex1 == index }">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                @mouseenter="activeIndex1 = index" :target="item.islink == 1 ? '_blank' : '_self'">
+                                {{ item.title }}
+                            </NuxtLink>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!--样式8-->
+        <div class="listNewsContent style8" v-if="componentStyle == 8">
+            <div class="contentLeft">
+                <div class="leftBottom">
+                    <div v-for="item in component_style1_News1Array_text_1">
+                        <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                            :target="item.islink == 1 ? '_blank' : '_self'">
+                            {{ item.title }}
+                        </NuxtLink>
+                    </div>
+                </div>
+                <div class="leftTop">
+                    <div class="photo">
+                        <div v-for="(item, index) in component_style1_News1Array_img_1">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                <img :src="item.imgurl" v-if="activeIndex == index">
+                            </NuxtLink>
+                        </div>
+                    </div>
+                    <div class="text">
+                        <div v-for="(item, index) in component_style1_News1Array_img_1"
+                            :class="{ 'active': activeIndex == index }">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                @mouseenter="activeIndex = index" :target="item.islink == 1 ? '_blank' : '_self'">
+                                {{ item.title }}
+                            </NuxtLink>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="contentLeft">
+                <div class="leftBottom">
+                    <div v-for="item in component_style1_News1Array_text_2">
+                        <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                            :target="item.islink == 1 ? '_blank' : '_self'">
+                            {{ item.title }}
+                        </NuxtLink>
+                    </div>
+                </div>
+                <div class="leftTop">
+                    <div class="photo">
+                        <div v-for="(item, index) in component_style1_News1Array_img_2">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'">
+                                <img :src="item.imgurl" v-if="activeIndex1 == index">
+                            </NuxtLink>
+                        </div>
+                    </div>
+                    <div class="text">
+                        <div v-for="(item, index) in component_style1_News1Array_img_2"
+                            :class="{ 'active': activeIndex1 == index }">
+                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                @mouseenter="activeIndex1 = index" :target="item.islink == 1 ? '_blank' : '_self'">
+                                {{ item.title }}
+                            </NuxtLink>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script setup>
+//引入vue
+import { ref } from 'vue';
+//获得新闻数据
+const props = defineProps({
+    titleLink: Object,//板块名称
+    templateData: Array,//新闻数据
+    componentStyle: Number,//样式编号
+});
+
+const activeIndex = ref(0);
+const activeIndex1 = ref(0);
+
+//样式1与样式2共用 start ---------------------------------------->
+const component_style1_News1Array_img_1 = ref([]);
+const component_style1_News1Array_img_2 = ref([]);
+const component_style1_News1Array_text_1 = ref([]);
+const component_style1_News1Array_text_2 = ref([]);
+//真实数据
+// 图文数据
+component_style1_News1Array_img_1.value = props.templateData.imgnum.slice(0, 2);
+component_style1_News1Array_img_2.value = props.templateData.imgnum.slice(2, 4);
+// 文本数据
+component_style1_News1Array_text_1.value = props.templateData.textnum.slice(0, 3);
+component_style1_News1Array_text_2.value = props.templateData.textnum.slice(3, 6);
+
+
+
+//样式1与样式2共用 end ---------------------------------------->
+</script>
+
+<style lang="less" scoped>
+//基本样式 start ---------------------------------------->
+.listNewsBox {
+    position: relative;
+
+    .listNewsTitle {
+        height: 38px;
+        line-height: 38px;
+        margin-bottom: 19px;
+
+        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: #154079;
+            padding-bottom: 5px;
+            background: url("http://192.168.1.234:19000/pre/image/png/20251218/1766042138413493.png") bottom left no-repeat;
+        }
+    }
+
+    .listNewsContent {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+
+        .contentLeft {
+            width: 378px;
+            height: 292px;
+
+            .leftTop {
+                width: 220px;
+                height: 160px;
+                position: relative;
+                display: flex;
+                align-items: center;
+                justify-content: flex-start;
+                margin-bottom: 20px;
+
+                .photo {
+                    width: 220px;
+                    height: 160px;
+                    margin-right: 20px;
+                    position: relative;
+
+                    div {
+                        a {
+                            img {
+                                width: 220px;
+                                height: 160px;
+                                position: relative;
+                            }
+                        }
+                    }
+                }
+
+                .text {
+                    div {
+                        width: 129px;
+                        height: 72px;
+                        font-size: 18px;
+                        color: #333333;
+                        line-height: 24px;
+                        display: -webkit-box;
+                        -webkit-box-orient: vertical;
+                        -webkit-line-clamp: 3;
+                        overflow: hidden;
+                        text-overflow: ellipsis;
+                        word-break: break-all;
+
+                        &:first-child {
+                            font-weight: bold;
+                            margin-bottom: 10px;
+                        }
+
+                        // &.active {
+                        //     a {
+                        //         color: #154079;
+                        //     }
+                        // }
+
+                        a {
+                            width: 100%;
+                            height: 100%;
+                            color: #333333;
+                        }
+                    }
+                }
+            }
+
+            .leftBottom {
+                div {
+                    width: 370px;
+                    white-space: nowrap;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    font-size: 18px;
+                    color: #666666;
+                    margin-bottom: 22px;
+                    padding-left: 8px;
+                    background: url("http://192.168.1.234:19000/pre/image/png/20251218/1766042944885873.png") no-repeat left center;
+
+                    &:last-child {
+                        margin-bottom: 0px;
+                    }
+
+                    a {
+                        color: #666666;
+                    }
+                }
+            }
+        }
+    }
+
+    //样式2
+    .style2 {
+        .contentLeft {
+            .leftTop {
+                .text {
+                    div {
+                        &:first-child {
+                            font-weight: 400;
+                        }
+                    }
+                }
+            }
+        }
+    }
+
+    //样式3
+    .style3 {
+        .contentLeft {
+            .leftTop {
+                margin-top: 0px;
+            }
+
+            .leftBottom {
+                margin-bottom: 20px;
+            }
+        }
+    }
+
+    // 样式4
+    .style4 {
+        .contentLeft {
+            .leftTop {
+                margin-top: 0px;
+
+                .text {
+                    div {
+                        &:first-child {
+                            font-weight: 400;
+                        }
+                    }
+                }
+            }
+
+            .leftBottom {
+                margin-bottom: 20px;
+            }
+        }
+    }
+
+    // 样式5
+    .style5 {
+        .contentLeft {
+            .leftBottom {
+                div {
+                    padding-left: 8px;
+                    background: url("http://192.168.1.234:19000/pre/image/png/20251218/176604296168575.png") no-repeat left center;
+                }
+            }
+        }
+    }
+
+    //样式6
+    .style6 {
+        .contentLeft {
+            .leftTop {
+                .text {
+                    div {
+                        &:first-child {
+                            font-weight: 400;
+                        }
+                    }
+                }
+            }
+            .leftBottom {
+                div {
+                    padding-left: 8px;
+                    background: url("http://192.168.1.234:19000/pre/image/png/20251218/176604296168575.png") no-repeat left center;
+                }
+            }
+        }
+    }
+
+    //样式7
+    .style7 {
+        .contentLeft {
+            .leftTop {
+                margin-top: 0px;
+            }
+
+            .leftBottom {
+                margin-bottom: 20px;
+                div {
+                    padding-left: 8px;
+                    background: url("http://192.168.1.234:19000/pre/image/png/20251218/176604296168575.png") no-repeat left center;
+                }
+            }
+        }
+    }
+
+    // 样式8
+    .style8 {
+        .contentLeft {
+            .leftTop {
+                margin-top: 0px;
+
+                .text {
+                    div {
+                        &:first-child {
+                            font-weight: 400;
+                        }
+                    }
+                }
+            }
+
+            .leftBottom {
+                margin-bottom: 20px;
+                div {
+                    padding-left: 8px;
+                    background: url("http://192.168.1.234:19000/pre/image/png/20251218/176604296168575.png") no-repeat left center;
+                }
+            }
+        }
+    }
+
+}
+</style>

components/template/component/list/790x460/1.vue

@@ -112,7 +112,7 @@
             </div>
         </div>
         <!--样式2-->
-        <div class="listNewsContent" v-if="componentStyle == 2">
+        <div class="listNewsContent style2" v-if="componentStyle == 2">
             <div class="box1" v-if="activeTab == 0">
                 <div class="textLeft">
                     <div class="leftTop">
@@ -215,7 +215,7 @@
             </div>
         </div>
         <!--样式3-->
-        <div class="listNewsContent" v-if="componentStyle == 3">
+        <div class="listNewsContent style3" v-if="componentStyle == 3">
             <div class="box1" v-if="activeTab == 0">
                 <div class="textLeft">
                     <div class="leftTop">
@@ -680,7 +680,6 @@ component_style1_News2Array_text_4.value = props.templateData1.textnum.slice(6,
         display: flex;
         align-items: flex-start;
         justify-content: flex-start;
-        border-bottom: 1px solid #999999;
         height: 38px;
 
         div {
@@ -694,10 +693,11 @@ component_style1_News2Array_text_4.value = props.templateData1.textnum.slice(6,
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
+            padding-bottom: 5px;
 
             &.activeTab {
                 color: #154079;
-                background: url("https://img.bjzxtw.org.cn/pre/image/png/20251104/1762224944805589.png") bottom left no-repeat;
+                background: url("http://192.168.1.234:19000/pre/image/png/20251218/1766042138413493.png") bottom left no-repeat;
             }
         }
     }
@@ -755,7 +755,7 @@ component_style1_News2Array_text_4.value = props.templateData1.textnum.slice(6,
                             word-break: break-all;
                             margin-bottom: 15px;
                             padding-left: 16px;
-                            background: url("https://img.bjzxtw.org.cn/pre/image/png/20251204/1764835042961132.png") no-repeat left center;
+                            background: url("http://192.168.1.234:19000/pre/image/png/20251218/1766043015491614.png") no-repeat left center;
 
                             &:last-child {
                                 margin-bottom: 0;
@@ -775,16 +775,18 @@ component_style1_News2Array_text_4.value = props.templateData1.textnum.slice(6,
                 }
 
                 .leftBottom {
+                    height: 246px;
+                    position: relative;
+
                     div {
-                        width: 100%;
                         white-space: nowrap;
                         overflow: hidden;
                         text-overflow: ellipsis;
                         font-size: 18px;
                         color: #666666;
-                        margin-bottom: 20px;
+                        margin-bottom: 18px;
                         padding-left: 8px;
-                        background: url("https://img.bjzxtw.org.cn/pre/image/png/20251203/1764729502583754.png") no-repeat left center;
+                        background: url("http://192.168.1.234:19000/pre/image/png/20251218/1766042944885873.png") no-repeat left center;
 
                         &:nth-child(3n+1) {
                             font-weight: bold;
@@ -841,7 +843,7 @@ component_style1_News2Array_text_4.value = props.templateData1.textnum.slice(6,
                             color: #333333;
                             margin-bottom: 15px;
                             padding-left: 16px;
-                            background: url("https://img.bjzxtw.org.cn/pre/image/png/20251204/1764835042961132.png") no-repeat left center;
+                            background: url("http://192.168.1.234:19000/pre/image/png/20251218/1766043015491614.png") no-repeat left center;
 
                             &:last-child {
                                 margin-bottom: 0;
@@ -859,16 +861,18 @@ component_style1_News2Array_text_4.value = props.templateData1.textnum.slice(6,
                 }
 
                 .rightBottom {
+                    height: 246px;
+                    position: relative;
+
                     div {
-                        width: 100%;
                         white-space: nowrap;
                         overflow: hidden;
                         text-overflow: ellipsis;
                         font-size: 18px;
                         color: #666666;
-                        margin-bottom: 20px;
+                        margin-bottom: 18px;
                         padding-left: 8px;
-                        background: url("https://img.bjzxtw.org.cn/pre/image/png/20251203/1764729502583754.png") no-repeat left center;
+                        background: url("http://192.168.1.234:19000/pre/image/png/20251218/1766042944885873.png") no-repeat left center;
 
                         &:nth-child(3n+1) {
                             font-weight: bold;
@@ -883,14 +887,113 @@ component_style1_News2Array_text_4.value = props.templateData1.textnum.slice(6,
                         }
                     }
                 }
+            }
+        }
+    }
+
+    // 样式2
+    .style2 {
+        .box1 {
+            .textLeft {
+                .leftBottom {
+                    div {
+                        background: url("http://192.168.1.234:19000/pre/image/png/20251218/176604296168575.png") no-repeat left center;
+                    }
+                }
+            }
 
+            .textRight {
+                .rightBottom {
+                    div {
+                        background: url("http://192.168.1.234:19000/pre/image/png/20251218/176604296168575.png") no-repeat left center;
+                    }
+                }
+            }
+        }
+    }
+
+    // 样式3
+    .style3 {
+        .box1 {
+            .textLeft {
+                .leftBottom {
+                    div {
+                        padding-left: 0;
+                        background: none;
+                    }
+                }
+            }
+
+            .textRight {
+                .rightBottom {
+                    div {
+                        padding-left: 0;
+                        background: none;
+                    }
+                }
             }
         }
     }
 
     // 样式4, 5, 6共用
-    .style4,
-    .style5,
+    .style4 {
+        .box1 {
+            .textLeft {
+                .leftTop {
+                    margin-bottom: 0;
+                }
+
+                .leftBottom {
+                    margin-bottom: 26px;
+                }
+            }
+
+            .textRight {
+                .rightTop {
+                    margin-bottom: 0;
+                }
+
+                .rightBottom {
+                    margin-bottom: 26px;
+                }
+            }
+        }
+    }
+
+    // 样式5
+    .style5 {
+        .box1 {
+            .textLeft {
+                .leftTop {
+                    margin-bottom: 0;
+                }
+
+                .leftBottom {
+                    margin-bottom: 26px;
+
+                    div {
+                        background: url("http://192.168.1.234:19000/pre/image/png/20251218/176604296168575.png") no-repeat left center;
+                    }
+                }
+            }
+
+            .textRight {
+                .rightTop {
+                    margin-bottom: 0;
+                }
+
+                .rightBottom {
+                    margin-bottom: 26px;
+
+                    div {
+                        background: url("http://192.168.1.234:19000/pre/image/png/20251218/176604296168575.png") no-repeat left center;
+                    }
+                }
+            }
+        }
+    }
+
+    // 样式6
     .style6 {
         .box1 {
             .textLeft {
@@ -900,6 +1003,11 @@ component_style1_News2Array_text_4.value = props.templateData1.textnum.slice(6,
 
                 .leftBottom {
                     margin-bottom: 26px;
+
+                    div {
+                        padding-left: 0;
+                        background: none;
+                    }
                 }
             }
 
@@ -910,6 +1018,11 @@ component_style1_News2Array_text_4.value = props.templateData1.textnum.slice(6,
 
                 .rightBottom {
                     margin-bottom: 26px;
+
+                    div {
+                        padding-left: 0;
+                        background: none;
+                    }
                 }
             }
         }

components/template/component/list/900x1180/6/1.vue

@@ -0,0 +1,118 @@
+<template>
+    <div class="listNewsBox">
+        <!-- 样式1 -->
+        <div class="newsListSector" v-if="componentStyle == 1">
+            <div class="content" v-for="item in listData.slice(0, 10)">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    <span class="title">{{ item.title }}</span>
+                    <span class="time">{{ item.updated_at }}</span>
+                </NuxtLink>
+            </div>
+        </div>
+        <!-- 样式2 -->
+        <div class="newsListSector" v-if="componentStyle == 2">
+            <div class="content style2" v-for="item in listData.slice(0, 10)">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    <span class="title">{{ item.title }}</span>
+                    <span class="time">{{ item.updated_at }}</span>
+                </NuxtLink>
+            </div>
+        </div>
+        <!-- 样式3 -->
+        <div class="newsListSector" v-if="componentStyle == 3">
+            <div class="content style3" v-for="item in listData.slice(0, 10)">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    <span class="title">{{ item.title }}</span>
+                    <span class="time">{{ item.updated_at }}</span>
+                </NuxtLink>
+            </div>
+        </div>
+        <!-- 样式4 -->
+        <div class="newsListSector" v-if="componentStyle == 4">
+            <div class="content style4" v-for="item in listData.slice(0, 10)">
+                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                    :target="item.islink == 1 ? '_blank' : '_self'">
+                    <span class="title">{{ item.title }}</span>
+                    <span class="time">{{ item.updated_at }}</span>
+                </NuxtLink>
+            </div>
+        </div>
+
+    </div>
+</template>
+
+<script setup>
+//引入vue
+import { ref } from 'vue';
+//获得新闻数据
+const props = defineProps({
+    listData: Array,//新闻数据
+    componentStyle: Number//组件样式
+});
+</script>
+
+<style lang="less" scoped>
+//基本样式 start ---------------------------------------->
+.listNewsBox {
+    .newsListSector {
+        .content {
+            width: 100%;
+            height: 99px;
+            border-bottom: 1px dashed #cbcbcb;
+            margin-bottom: 20px;
+            cursor: pointer;
+
+            .title {
+                display: block;
+                height: 24px;
+                line-height: 24px;
+                color: #333333;
+                font-size: 18px;
+                font-weight: bold;
+                margin-bottom: 25px;
+            }
+
+            .desc {
+                height: 63px;
+                line-height: 20px;
+                color: #666666;
+                font-size: 18px;
+                font-family: "Abhaya Libre", serif;
+                margin-bottom: 20px;
+                overflow: hidden;
+            }
+
+            .time {
+                font-family: "Abhaya Libre", serif;
+                font-size: 18px;
+                color: #666666;
+            }
+        }
+
+        // 样式2
+        .style2 {
+            border-bottom: 1px solid #cbcbcb;
+        }
+
+        // 样式3
+        .style3 {
+            .title {
+                font-weight: 400;
+            }
+        }
+
+        // 样式4
+        .style4 {
+            border-bottom: 1px solid #cbcbcb;
+
+            .title {
+                font-weight: 400;
+            }
+        }
+    }
+}
+
+//基本样式 end ----------------------------------------></style>

components/template/component/main/1200x1120/1.vue

@@ -2,7 +2,7 @@
     <div>
         <div :class="'mainTopBg' + skinId"></div>
         <div :class="'mainBox' + skinId">
-            <div class="mainTitle">{{newsDetail.con_title}}</div>
+            <div class="mainTitle">{{newsDetail.con_title}} <em></em></div>
             <div v-html="newsDetail.content" class="mainContent"></div>
         </div>
         <div :class="'mainBottomBg' + skinId"></div>
@@ -191,4 +191,49 @@ const props = defineProps({
     background: url('https://img.bjzxtw.org.cn/pre/image/png/20251023/1761187876795714.png') no-repeat center center;
 }
 // 样式5 end ---------------------------------------->
+// 样式6 start ---------------------------------------->
+.mainBox6 {
+    box-sizing: border-box;
+    padding:27px 80px;
+    min-height: 600px;
+    .mainTitle {
+        font-size: 26px;
+        color:#065395;
+        height: 65px;
+        font-weight: bold;
+        text-align: left;
+        border-bottom: 4px solid #adc6dc;
+        margin-bottom: 40px;
+        text-indent: 0em;
+        position: relative;
+        em{
+            display: inline-block;
+            width: 120px;
+            height: 6px;
+            background: #065395;
+            position: absolute;
+            bottom: -5px;
+            left: 0;
+        }
+    }
+    div {
+        text-indent: 2em;
+        font-size: 20px;
+        line-height: 36px;
+        color:#333;
+    }
+    background:url('http://192.168.1.234:19000/pre/image/jpeg/20251219/1766110585239040.jpg') repeat-y;
+}
+.mainTopBg6 {
+    width: 1200px;
+    height: 7px;
+    background: url('http://192.168.1.234:19000/pre/image/jpeg/20251219/1766110564995569.jpg') no-repeat;
+    margin-top: 28px;
+}
+.mainBottomBg6 {
+    width: 1200px;
+    height: 7px;
+    background: url('http://192.168.1.234:19000/pre/image/jpeg/20251219/1766110601110548.jpg') no-repeat center center;
+}
+// 样式6 end ---------------------------------------->
 </style>

components/template/component/menu/1200x100/channel/6.vue

@@ -262,7 +262,7 @@ const targetSegment2 = segments[2];
     color: #154079;
     font-weight: bold;
     text-align: center;
-    background: url('https://img.bjzxtw.org.cn/pre/image/png/20251111/1762826865714668.png') no-repeat center center;
+    background: url('http://192.168.1.234:19000/pre/image/png/20251218/1766048663399772.png') no-repeat center center;
     margin-bottom: 25px;
 }
 
@@ -402,7 +402,7 @@ const targetSegment2 = segments[2];
     border-bottom: 2px solid #E4E4E4;
 
     .channelMenuListTitle {
-        background: url(https://img.bjzxtw.org.cn/pre/image/png/20251111/1762827425535634.png) no-repeat center center;
+        background: url(http://192.168.1.234:19000/pre/image/png/20251219/1766135441765438.png) no-repeat center center;
         width: 200px;
         height: 40px;
         line-height: 40px;
@@ -563,7 +563,7 @@ const targetSegment2 = segments[2];
         font-size: 18px;
         font-weight: bold;
         color: #fff;
-        background: url(https://img.bjzxtw.org.cn/pre/image/png/20251111/1762828352859091.png) no-repeat left -4px;
+        background: url(http://192.168.1.234:19000/pre/image/png/20251218/1766048714422827.png) no-repeat left -4px;
     }
 
     .hannelMenuListFloatMenu {
@@ -583,7 +583,7 @@ const targetSegment2 = segments[2];
             padding: 0 15px;
             padding-bottom: 9px;
             text-align: center;
-            background: url(https://img.bjzxtw.org.cn/pre/image/png/20251111/1762839905257434.png) no-repeat right 22px;
+            background: url(http://192.168.1.234:19000/pre/image/png/20251218/176604920026764.png) no-repeat right 22px;
 
             &:last-child {
                 background: none;
@@ -626,7 +626,7 @@ const targetSegment2 = segments[2];
         font-size: 18px;
         font-weight: bold;
         color: #fff;
-        background: url(https://img.bjzxtw.org.cn/pre/image/png/20251111/176282941298854.png) no-repeat left 5px;
+        background: url(http://192.168.1.234:19000/pre/image/png/20251218/1766048726451330.png) no-repeat left 5px;
     }
 
     .hannelMenuListFloatMenu {
@@ -642,7 +642,7 @@ const targetSegment2 = segments[2];
         line-height: 60px;
 
         div {
-            width: 96px;
+            width: 123px;
             padding: 0 15px;
             padding-bottom: 9px;
             text-align: center;
@@ -685,7 +685,7 @@ const targetSegment2 = segments[2];
         font-size: 22px;
         font-weight: bold;
         color: #fff;
-        background: url(https://img.bjzxtw.org.cn/pre/image/png/20251111/1762829430424708.png) no-repeat left 5px;
+        background: url(http://192.168.1.234:19000/pre/image/png/20251218/176604873512867.png) no-repeat left 5px;
     }
 
     .hannelMenuListFloatMenu {
@@ -707,7 +707,7 @@ const targetSegment2 = segments[2];
             width: 96px;
             padding: 0 15px;
             text-align: center;
-            background: url(https://img.bjzxtw.org.cn/pre/image/png/20251111/1762837676175916.png) no-repeat right 22px;
+            background: url(http://192.168.1.234:19000/pre/image/png/20251218/1766049212324961.png) no-repeat right 22px;
 
             &:last-child {
                 background: none;
@@ -736,7 +736,7 @@ const targetSegment2 = segments[2];
     position: relative;
     padding-bottom: 20px;
     display: flex;
-    background: url(https://img.bjzxtw.org.cn/pre/image/png/20251111/1762829458643041.png) no-repeat left 5px;
+    background: url(http://192.168.1.234:19000/pre/image/png/20251218/1766048747714451.png) no-repeat left 5px;
 
 
     .channelMenuListTitle {
@@ -803,7 +803,7 @@ const targetSegment2 = segments[2];
         font-size: 22px;
         font-weight: bold;
         color: #fff;
-        background: url(https://img.bjzxtw.org.cn/pre/image/png/20251111/1762829473365366.png) no-repeat left 5px;
+        background: url(http://192.168.1.234:19000/pre/image/png/20251218/1766048756840050.png) no-repeat left 5px;
     }
 
     .hannelMenuListFloatMenu {
@@ -880,7 +880,7 @@ const targetSegment2 = segments[2];
             width: 96px;
             padding: 0 15px;
             text-align: center;
-            background: url(https://img.bjzxtw.org.cn/pre/image/png/20251111/1762839905257434.png) no-repeat right 17px;
+            background: url(http://192.168.1.234:19000/pre/image/png/20251218/1766049221214589.png) no-repeat right 17px;
 
 
             &:last-child {

components/template/component/menu/1200x100/list/6.vue

@@ -0,0 +1,905 @@
+<template>
+    <div>
+        <div class="channelMenuTitle_skin5" v-if="componentStyle == 1 || componentStyle == 2 || componentStyle == 3">
+            {{ title }}
+        </div>
+        <!--样式1-->
+        <div class="channelMenuList" v-if="componentStyle == 1">
+            <div v-for="item in navigateData">
+                <NuxtLink :to="{ path: `/${targetSegment}/${item.aLIas_pinyin}/list-1.html` }"
+                    :class="{ active: targetSegment2 == item.aLIas_pinyin }">{{ item.alias }}</NuxtLink>
+            </div>
+        </div>
+        <!--样式2-->
+        <div class="channelMenuList menuListStyle2" v-if="componentStyle == 2">
+            <div v-for="item in navigateData">
+                <NuxtLink :to="{ path: `/${targetSegment}/${item.aLIas_pinyin}/list-1.html` }"
+                    :class="{ active: targetSegment2 == item.aLIas_pinyin }">{{ item.alias }}</NuxtLink>
+            </div>
+        </div>
+        <!-- 样式3 -->
+        <div class="channelMenuList menuListStyle3" v-if="componentStyle == 3">
+            <div v-for="item in navigateData">
+                <NuxtLink :to="{ path: `/${targetSegment}/${item.aLIas_pinyin}/list-1.html` }"
+                    :class="{ active: targetSegment2 == item.aLIas_pinyin }">{{ item.alias }}</NuxtLink>
+            </div>
+        </div>
+        <!-- 样式4 -->
+        <div class="channelMenuList menuListStyle4" v-if="componentStyle == 4">
+            <div class="menuTitle">{{ title }}</div>
+            <div class="menulist" v-for="item in navigateData">
+                <NuxtLink :to="{ path: `/${targetSegment}/${item.aLIas_pinyin}/list-1.html` }"
+                    :class="{ active: targetSegment2 == item.aLIas_pinyin }">
+                    <span class="title">{{ item.alias }}</span>
+                    <span class="line" v-if="item.alias != navigateData[navigateData.length - 1].alias">/</span>
+                </NuxtLink>
+            </div>
+        </div>
+        <!-- 样式5 -->
+        <div class="channelMenuList menuListStyle4 menuListStyle5" v-if="componentStyle == 5">
+            <div class="menuTitle">{{ title }}</div>
+            <div class="menulist" v-for="item in navigateData">
+                <NuxtLink :to="{ path: `/${targetSegment}/${item.aLIas_pinyin}/list-1.html` }"
+                    :class="{ active: targetSegment2 == item.aLIas_pinyin }">
+                    <span class="title">{{ item.alias }}</span>
+                    <span class="line" v-if="item.alias != navigateData[navigateData.length - 1].alias">/</span>
+                </NuxtLink>
+            </div>
+        </div>
+        <!-- 样式6 -->
+        <div class="channelMenuList menuListStyle4 menuListStyle6" v-if="componentStyle == 6">
+            <div class="menuTitle">{{ title }}</div>
+            <div class="menulist" v-for="item in navigateData">
+                <NuxtLink :to="{ path: `/${targetSegment}/${item.aLIas_pinyin}/list-1.html` }"
+                    :class="{ active: targetSegment2 == item.aLIas_pinyin }">
+                    <span class="title">{{ item.alias }}</span>
+                    <span class="line" v-if="item.alias != navigateData[navigateData.length - 1].alias">/</span>
+                </NuxtLink>
+            </div>
+        </div>
+        <!--样式7-->
+        <div class="menuListStyle7" v-if="componentStyle == 7">
+            <div class="channelMenuListTitle">{{ title }}</div>
+            <div class="hannelMenuListFloatMenu">
+                <div v-for="item in navigateData">
+                    <NuxtLink :to="{ path: `/${targetSegment}/${item.aLIas_pinyin}/list-1.html` }"
+                        :class="{ active: targetSegment2 == item.aLIas_pinyin }">
+                        <span class="title">{{ item.alias }}</span>
+                    </NuxtLink>
+                </div>
+            </div>
+        </div>
+        <!--样式8-->
+        <div class="menuListStyle7 menuListStyle8" v-if="componentStyle == 8">
+            <div class="channelMenuListTitle">{{ title }}</div>
+            <div class="hannelMenuListFloatMenu">
+                <div v-for="item in navigateData">
+                    <NuxtLink :to="{ path: `/${targetSegment}/${item.aLIas_pinyin}/list-1.html` }"
+                        :class="{ active: targetSegment2 == item.aLIas_pinyin }">
+                        <span class="title">{{ item.alias }}</span>
+                    </NuxtLink>
+                </div>
+            </div>
+        </div>
+        <!--样式9-->
+        <div class="menuListStyle7 menuListStyle9" v-if="componentStyle == 9">
+            <div class="channelMenuListTitle">{{ title }}</div>
+            <div class="hannelMenuListFloatMenu">
+                <div v-for="item in navigateData">
+                    <NuxtLink :to="{ path: `/${targetSegment}/${item.aLIas_pinyin}/list-1.html` }"
+                        :class="{ active: targetSegment2 == item.aLIas_pinyin }">
+                        <span class="title">{{ item.alias }}</span>
+                    </NuxtLink>
+                </div>
+            </div>
+        </div>
+        <!--样式10-->
+        <div class="menuListStyle7 menuListStyle9 menuListStyle8" v-if="componentStyle == 10">
+            <div class="channelMenuListTitle">{{ title }}</div>
+            <div class="hannelMenuListFloatMenu">
+                <div v-for="item in navigateData">
+                    <NuxtLink :to="{ path: `/${targetSegment}/${item.aLIas_pinyin}/list-1.html` }"
+                        :class="{ active: targetSegment2 == item.aLIas_pinyin }">
+                        <span class="title">{{ item.alias }}</span>
+                    </NuxtLink>
+                </div>
+            </div>
+        </div>
+        <!--样式11-->
+        <div class="menuListStyle11" v-if="componentStyle == 11">
+            <div class="style11">
+                <div class="channelMenuListTitle">
+                    <span>{{ title }}</span>
+                </div>
+                <div class="hannelMenuListFloatMenu">
+                    <div v-for="item in navigateData">
+                        <NuxtLink :to="{ path: `/${targetSegment}/${item.aLIas_pinyin}/list-1.html` }"
+                            :class="{ active: targetSegment2 == item.aLIas_pinyin }">
+                            <span class="title">{{ item.alias }}</span>
+                        </NuxtLink>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!--样式12-->
+        <div class="menuListStyle12" v-if="componentStyle == 12">
+            <div class="channelMenuListTitle">
+                <span>{{ title }}</span>
+            </div>
+            <div class="hannelMenuListFloatMenu">
+                <div v-for="item in navigateData">
+                    <NuxtLink :to="{ path: `/${targetSegment}/${item.aLIas_pinyin}/list-1.html` }"
+                        :class="{ active: targetSegment2 == item.aLIas_pinyin }">
+                        <span class="title">{{ item.alias }}</span>
+                    </NuxtLink>
+                </div>
+            </div>
+        </div>
+        <!--样式13-->
+        <div class="menuListStyle13" v-if="componentStyle == 13">
+            <div class="channelMenuListTitle">
+                <span>{{ title }}</span>
+            </div>
+            <div class="hannelMenuListFloatMenu">
+                <div v-for="item in navigateData">
+                    <NuxtLink :to="{ path: `/${targetSegment}/${item.aLIas_pinyin}/list-1.html` }"
+                        :class="{ active: targetSegment2 == item.aLIas_pinyin }">
+                        <span class="title">{{ item.alias }}</span>
+                    </NuxtLink>
+                </div>
+            </div>
+        </div>
+        <!--样式14-->
+        <div class="menuListStyle14" v-if="componentStyle == 14">
+            <div class="channelMenuListTitle">
+                <span>{{ title }}</span>
+            </div>
+            <div class="hannelMenuListFloatMenu">
+                <div v-for="item in navigateData">
+                    <NuxtLink :to="{ path: `/${targetSegment}/${item.aLIas_pinyin}/list-1.html` }"
+                        :class="{ active: targetSegment2 == item.aLIas_pinyin }">
+                        <span class="title">{{ item.alias }}</span>
+                    </NuxtLink>
+                </div>
+            </div>
+        </div>
+        <!--样式15-->
+        <div class="menuListStyle15" v-if="componentStyle == 15">
+            <div class="channelMenuListTitle">
+                <span>{{ title }}</span>
+            </div>
+            <div class="hannelMenuListFloatMenu">
+                <div v-for="item in navigateData">
+                    <NuxtLink :to="{ path: `/${targetSegment}/${item.aLIas_pinyin}/list-1.html` }"
+                        :class="{ active: targetSegment2 == item.aLIas_pinyin }">
+                        <span class="title">{{ item.alias }}</span>
+                    </NuxtLink>
+                </div>
+            </div>
+        </div>
+        <!--样式16-->
+        <div class="menuListStyle16" v-if="componentStyle == 16">
+            <div class="channelMenuListTitle">
+                <span>{{ title }}</span>
+            </div>
+            <div class="hannelMenuListFloatMenu">
+                <div v-for="item in navigateData">
+                    <NuxtLink :to="{ path: `/${targetSegment}/${item.aLIas_pinyin}/list-1.html` }"
+                        :class="{ active: targetSegment2 == item.aLIas_pinyin }">
+                        <span class="title">{{ item.alias }}</span>
+                    </NuxtLink>
+                </div>
+            </div>
+        </div>
+        <!--样式17-->
+        <div class="menuListStyle17" v-if="componentStyle == 17">
+            <div class="channelMenuListTitle">
+                <span>{{ title }}</span>
+            </div>
+            <div class="hannelMenuListFloatMenu">
+                <div v-for="item in navigateData">
+                    <NuxtLink :to="{ path: `/${targetSegment}/${item.aLIas_pinyin}/list-1.html` }"
+                        :class="{ active: targetSegment2 == item.aLIas_pinyin }">
+                        <span class="title">{{ item.alias }}</span>
+                    </NuxtLink>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script setup>
+//引入vue
+import { ref } from 'vue';
+//获得新闻数据
+const props = defineProps({
+    componentStyle: Number,//样式编号
+    navigateData: Array,//子导航数据
+    routeId: Number//导航对应的cid
+});
+//获得导航名称
+const title = ref("")
+const mkdata = await requestDataPromise('/web/getOneWebsiteCategory', {
+    method: 'GET',
+    query: {
+        'catid': props.routeId,
+    },
+});
+if (mkdata.code == 200) {
+    if (mkdata.data.parent_name) {
+        title.value = mkdata.data.parent_name;
+    } else {
+        title.value = mkdata.data.alias;
+    }
+}
+//获取当前url路径
+const route = useRoute();
+//获得当前的完整路径
+const fullPath = route.path;
+const segments = fullPath.split('/');
+const targetSegment = segments[1];
+const targetSegment2 = segments[2];
+
+//判断当前为第几层的列表页
+// const routeLevel = ref(0);
+// if(route.name == "dir-list-id"){
+//     routeLevel.value = 1;
+//     console.log("当前的路由层级为：" + routeLevel.value);
+// }
+// if(route.name == "dir-dir-list-id"){
+//     routeLevel.value = 2;
+//     console.log("当前的路由层级为：" + routeLevel.value);
+// }
+</script>
+
+<style lang="less" scoped>
+//基本样式 start ---------------------------------------->
+.channelMenuTitle_skin5 {
+    width: 1200px;
+    height: 32px;
+    line-height: 32px;
+    font-size: 24px;
+    color: #154079;
+    font-weight: bold;
+    text-align: center;
+    background: url('http://192.168.1.234:19000/pre/image/png/20251218/1766048663399772.png') no-repeat center center;
+    margin-bottom: 25px;
+}
+
+.channelMenuList {
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    color: #333;
+    border-bottom: 2px solid #154079;
+    padding-bottom: 15px;
+
+    div {
+        font-size: 16px;
+        font-weight: bold;
+        width: 150px;
+        height: 22px;
+        line-height: 22px;
+
+        a {
+            color: #333;
+            display: block;
+            text-align: center;
+
+            &:hover {
+                color: #154079;
+            }
+        }
+
+        a.active {
+            color: #154079;
+        }
+
+        &:first-child {
+            color: #154079;
+        }
+    }
+}
+
+//基本样式 end ---------------------------------------->
+
+//样式2 start ---------------------------------------->
+.menuListStyle2 {
+    border-bottom: 0;
+}
+
+//样式2 end ---------------------------------------->
+//样式3
+.menuListStyle3 {
+    border-bottom: 0;
+
+    div {
+        text-align: center;
+        height: 36px;
+
+        &:hover {
+            color: #154079;
+            padding-bottom: 15px;
+            border-bottom: 2px solid #154079;
+            box-sizing: border-box;
+        }
+    }
+}
+
+//样式4
+.menuListStyle4 {
+    height: 54px;
+    padding-top: 23px;
+    padding-bottom: 0px;
+
+    .menuTitle {
+        width: 140px;
+        font-size: 26px;
+        font-weight: bold;
+        color: #154079;
+        margin-right: 80px;
+    }
+
+    .menulist {
+        display: flex;
+        justify-content: flex-start;
+        align-items: center;
+        font-size: 16px;
+        font-weight: bold;
+        color: #333;
+        padding: 15px 0;
+
+        a {
+            display: flex;
+            justify-content: flex-start;
+            align-items: center;
+
+            .title {
+                width: 120px;
+                height: 16px;
+                text-align: center;
+
+                &:hover {
+                    color: #154079;
+                }
+            }
+
+            .line {
+                color: #154079;
+                padding-top: 5px;
+            }
+        }
+    }
+}
+
+//样式5
+.menuListStyle5 {
+    border-bottom: none;
+}
+
+//样式6
+.menuListStyle6 {
+    border-bottom: none;
+    position: relative;
+}
+
+.menuListStyle6::after {
+    content: '';
+    position: absolute;
+    bottom: -2px;
+    left: 0;
+    width: 8%;
+    height: 2px;
+    background-color: #154079;
+}
+
+//样式7
+.menuListStyle7 {
+    margin-top: 30px;
+    position: relative;
+    padding-top: 25px;
+    padding-bottom: 15px;
+    border-bottom: 2px solid #E4E4E4;
+
+    .channelMenuListTitle {
+        background: url(http://192.168.1.234:19000/pre/image/png/20251219/1766135441765438.png) no-repeat center center;
+        width: 200px;
+        height: 40px;
+        line-height: 40px;
+        color: #ffffff;
+        font-size: 24px;
+        padding-left: 30px;
+        box-sizing: border-box;
+    }
+
+    .hannelMenuListFloatMenu {
+        position: absolute;
+        display: flex;
+        flex-wrap: wrap;
+        font-size: 12px;
+        color: #333333;
+        font-weight: bold;
+        top: 33px;
+        left: 210px;
+
+        div {
+            width: 123px;
+            font-size: 16px;
+            text-align: center;
+            font-weight: bold;
+
+            &:last-child {
+                background: none;
+            }
+
+            &.active {
+                color: #154079
+            }
+
+            a {
+                color: #333333;
+            }
+
+            a:hover {
+                color: #154079;
+            }
+
+        }
+    }
+}
+
+//样式8
+.menuListStyle8 {
+    border-bottom: none;
+}
+
+//样式9
+.menuListStyle9 {
+    .hannelMenuListFloatMenu {
+        div {
+            width: 123px;
+            font-size: 16px;
+            text-align: center;
+            font-weight: bold;
+            height: 43px;
+
+            &:last-child {
+                background: none;
+            }
+
+            &.active {
+                color: #154079;
+                border-bottom: 2px solid #154079;
+            }
+
+            &:hover {
+                color: #154079;
+                border-bottom: 2px solid #154079;
+            }
+        }
+    }
+}
+
+//样式11
+.menuListStyle11 {
+    padding-top: 1px;
+
+    .style11 {
+        width: 1200px;
+        height: 61px;
+        display: flex;
+        background-color: #154079;
+        color: #fff;
+        margin-top: 20px;
+
+        .channelMenuListTitle {
+            width: 144px;
+            height: 51px;
+            text-align: center;
+            background-color: #fff;
+            color: #154079;
+            margin-top: 10px;
+            margin-left: 35px;
+            border-top-left-radius: 4px;
+            border-top-right-radius: 4px;
+
+            span {
+                display: inline-block;
+                font-size: 16px;
+                font-weight: bold;
+                padding: 10px 0;
+                box-sizing: border-box;
+                border-bottom: 2px solid #154079;
+            }
+        }
+
+        .hannelMenuListFloatMenu {
+            width: 925px;
+            height: 21px;
+            margin-top: 23px;
+            padding: 0 50px 0 45px;
+            display: flex;
+            justify-content: flex-start;
+            font-size: 16px;
+            font-weight: bold;
+
+            div {
+                width: 122px;
+                height: 20px;
+                line-height: 16px;
+                text-align: center;
+                background: url(https://img.bjzxtw.org.cn/pre/image/png/20251111/1762839905257434.png) no-repeat right 2px;
+
+                &:last-child {
+                    background: none;
+                }
+
+                &.active {
+                    color: #154079
+                }
+
+                a {
+                    color: #fff;
+                }
+            }
+        }
+    }
+
+}
+
+//样式12
+.menuListStyle12 {
+    margin-top: 12px;
+    position: relative;
+    padding-bottom: 20px;
+    border-bottom: 1px solid #d9d9d9;
+    display: flex;
+
+    .channelMenuListTitle {
+        width: 153px;
+        height: 52px;
+        line-height: 52px;
+        text-align: center;
+        font-size: 18px;
+        font-weight: bold;
+        color: #fff;
+        background: url(http://192.168.1.234:19000/pre/image/png/20251218/1766048714422827.png) no-repeat left -4px;
+    }
+
+    .hannelMenuListFloatMenu {
+        margin-left: 15px;
+        width: 1030px;
+        display: flex;
+        justify-content: flex-start;
+        flex-wrap: wrap;
+        font-size: 16px;
+        color: #333333;
+        font-weight: bold;
+        height: 52px;
+        line-height: 60px;
+
+        div {
+            width: 96px;
+            padding: 0 15px;
+            padding-bottom: 9px;
+            text-align: center;
+            background: url(http://192.168.1.234:19000/pre/image/png/20251218/176604920026764.png) no-repeat right 22px;
+
+            &:last-child {
+                background: none;
+            }
+
+            &.active {
+                color: #154079;
+                border-bottom: 2px solid #154079;
+            }
+
+            a {
+                color: #333333;
+
+                span {
+                    display: inline-block;
+                    height: 70px;
+
+                    &:hover {
+                        color: #154079;
+                        border-bottom: 2px solid #154079;
+                    }
+                }
+            }
+        }
+    }
+}
+
+//样式13
+.menuListStyle13 {
+    margin-top: 12px;
+    position: relative;
+    padding-bottom: 20px;
+    display: flex;
+
+    .channelMenuListTitle {
+        width: 160px;
+        height: 50px;
+        line-height: 50px;
+        text-align: center;
+        font-size: 18px;
+        font-weight: bold;
+        color: #fff;
+        background: url(http://192.168.1.234:19000/pre/image/png/20251218/1766048726451330.png) no-repeat left 5px;
+    }
+
+    .hannelMenuListFloatMenu {
+        margin-left: 30px;
+        width: 1030px;
+        display: flex;
+        justify-content: flex-start;
+        flex-wrap: wrap;
+        font-size: 16px;
+        color: #333333;
+        font-weight: bold;
+        height: 52px;
+        line-height: 60px;
+
+        div {
+            width: 123px;
+            padding: 0 15px;
+            padding-bottom: 9px;
+            text-align: center;
+            box-sizing: border-box;
+
+            &:last-child {
+                background: none;
+            }
+
+            a {
+                color: #333333;
+
+                span {
+                    display: inline-block;
+
+                    &:hover {
+                        color: #154079;
+                    }
+                }
+            }
+        }
+    }
+}
+
+//样式14
+.menuListStyle14 {
+    margin-top: 12px;
+    position: relative;
+    padding-bottom: 20px;
+    display: flex;
+
+    .channelMenuListTitle {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 182px;
+        height: 67px;
+        line-height: 67px;
+        text-align: center;
+        font-size: 22px;
+        font-weight: bold;
+        color: #fff;
+        background: url(http://192.168.1.234:19000/pre/image/png/20251218/176604873512867.png) no-repeat left 5px;
+    }
+
+    .hannelMenuListFloatMenu {
+        margin-top: 15px;
+        width: 1200px;
+        height: 52px;
+        line-height: 52px;
+        padding-left: 180px;
+        box-sizing: border-box;
+        display: flex;
+        justify-content: flex-start;
+        flex-wrap: wrap;
+        font-size: 16px;
+        color: #333333;
+        background-color: #fafafa;
+
+
+        div {
+            width: 96px;
+            padding: 0 15px;
+            text-align: center;
+            background: url(http://192.168.1.234:19000/pre/image/png/20251218/1766049212324961.png) no-repeat right 22px;
+
+            &:last-child {
+                background: none;
+            }
+
+            a {
+                color: #333333;
+
+                span {
+                    display: inline-block;
+
+                    &:hover {
+                        color: #154079;
+                    }
+                }
+            }
+        }
+    }
+}
+
+//样式15
+.menuListStyle15 {
+    width: 1200px;
+    height: 60px;
+    margin-top: 12px;
+    position: relative;
+    padding-bottom: 20px;
+    display: flex;
+    background: url(http://192.168.1.234:19000/pre/image/png/20251218/1766048747714451.png) no-repeat left 5px;
+
+
+    .channelMenuListTitle {
+        width: 210px;
+        height: 67px;
+        line-height: 67px;
+        text-align: center;
+        font-size: 22px;
+        font-weight: bold;
+        color: #fff;
+    }
+
+    .hannelMenuListFloatMenu {
+        width: 1200px;
+        height: 60px;
+        line-height: 70px;
+        padding-left: 15px;
+        display: flex;
+        justify-content: flex-start;
+        flex-wrap: wrap;
+        font-size: 16px;
+        color: #154079;
+        font-weight: bold;
+
+
+        div {
+            width: 96px;
+            padding: 0 15px;
+            text-align: center;
+
+            &:last-child {
+                background: none;
+            }
+
+            a {
+                color: #154079;
+
+                span {
+                    display: inline-block;
+
+                    &:hover {
+                        color: #154079;
+                    }
+                }
+            }
+        }
+    }
+}
+
+//样式16
+.menuListStyle16 {
+    width: 1200px;
+    height: 44px;
+    padding-top: 20px;
+    position: relative;
+    display: flex;
+    border-bottom: 2px solid #154079;
+
+    .channelMenuListTitle {
+        width: 220px;
+        height: 44px;
+        line-height: 44px;
+        text-align: center;
+        font-size: 22px;
+        font-weight: bold;
+        color: #fff;
+        background: url(http://192.168.1.234:19000/pre/image/png/20251218/1766048756840050.png) no-repeat left 5px;
+    }
+
+    .hannelMenuListFloatMenu {
+        width: 1200px;
+        height: 45px;
+        line-height: 47px;
+        padding-left: 7px;
+        display: flex;
+        justify-content: flex-start;
+        flex-wrap: wrap;
+        font-size: 16px;
+        color: #333333;
+        font-weight: bold;
+
+        div {
+            width: 96px;
+            padding: 0 15px;
+            text-align: center;
+
+            &:last-child {
+                background: none;
+            }
+
+            a {
+                color: #333333;
+
+                span {
+                    display: inline-block;
+
+                    &:hover {
+                        color: #154079;
+                    }
+                }
+            }
+        }
+    }
+}
+
+//样式17
+.menuListStyle17 {
+    width: 1200px;
+    height: 44px;
+    padding-top: 20px;
+    position: relative;
+    display: flex;
+    border-bottom: 2px solid #154079;
+
+    .channelMenuListTitle {
+        width: 120px;
+        height: 46px;
+        line-height: 46px;
+        text-align: center;
+        font-size: 18px;
+        font-weight: bold;
+        color: #fff;
+        background-color: #154079;
+        border-top-left-radius: 4px;
+        border-top-right-radius: 4px;
+    }
+
+    .hannelMenuListFloatMenu {
+        width: 1080px;
+        height: 46px;
+        line-height: 46px;
+        padding-left: 7px;
+        display: flex;
+        justify-content: space-between;
+        flex-wrap: wrap;
+        font-size: 16px;
+        color: #333333;
+        border-top: 1px solid #d9d9d9;
+        border-right: 1px solid #d9d9d9;
+
+        div {
+            width: 96px;
+            padding: 0 15px;
+            text-align: center;
+            background: url(http://192.168.1.234:19000/pre/image/png/20251218/1766049221214589.png) no-repeat right 17px;
+
+
+            &:last-child {
+                background: none;
+            }
+
+            a {
+                color: #333333;
+
+                span {
+                    display: inline-block;
+
+                    &:hover {
+                        color: #154079;
+                    }
+                }
+            }
+        }
+    }
+}
+</style>

components/template/component/menu/1200x54/6/1.vue

@@ -0,0 +1,173 @@
+<template>
+    <!--样式1-->
+    <div class="floatMenuBox" v-if="componentStyle == 1">
+        <div v-for="(item, index) in bottomMenu" :key="index">
+            <NuxtLink v-if="item.type == 0" :to="`/about/${item.name_pinyin}/index.html`" :title="item.name">
+                {{ item.name }}
+            </NuxtLink>
+            <NuxtLink v-else-if="item.type == 1" :to="`/about/${item.name_pinyin}/list-1.html`" :title="item.name">
+                {{ item.name }}
+            </NuxtLink>
+        </div>
+    </div>
+    <!--样式2-->
+    <div class="floatMenuStyle2" v-if="componentStyle == 2">
+        <div v-for="(item, index) in bottomMenu" :key="index">
+            <NuxtLink v-if="item.type == 0" :to="`/about/${item.name_pinyin}/index.html`" :title="item.name">
+                {{ item.name }}
+            </NuxtLink>
+            <NuxtLink v-else-if="item.type == 1" :to="`/about/${item.name_pinyin}/list-1.html`" :title="item.name">
+                {{ item.name }}
+            </NuxtLink>
+        </div>
+    </div>
+    <!--样式3-->
+    <div class="floatMenuStyle3" v-if="componentStyle == 3">
+        <div v-for="(item, index) in bottomMenu" :key="index">
+            <NuxtLink v-if="item.type == 0" :to="`/about/${item.name_pinyin}/index.html`" :title="item.name">
+                {{ item.name }}
+            </NuxtLink>
+            <NuxtLink v-else-if="item.type == 1" :to="`/about/${item.name_pinyin}/list-1.html`" :title="item.name">
+                {{ item.name }}
+            </NuxtLink>
+        </div>
+    </div>
+    <!--样式4-->
+    <div class="floatMenuStyle4" v-if="componentStyle == 4">
+        <div class="title">导航列表</div>
+        <div v-for="(item, index) in bottomMenu" :key="index">
+            <NuxtLink v-if="item.type == 0" :to="`/about/${item.name_pinyin}/index.html`" :title="item.name">
+                {{ item.name }}
+            </NuxtLink>
+            <NuxtLink v-else-if="item.type == 1" :to="`/about/${item.name_pinyin}/list-1.html`" :title="item.name">
+                {{ item.name }}
+            </NuxtLink>
+        </div>
+    </div>
+</template>
+
+<script setup>
+const props = defineProps({
+    componentStyle: Number,//样式编号
+    bottomMenu: Array,//底部菜单
+    pageId: Number,//页面id
+});
+</script>
+
+<style lang="less" scoped>
+//基本样式 start ---------------------------------------->
+.floatMenuBox {
+    height: 54px;
+    line-height: 54px;
+    display: flex;
+    justify-content: center;
+    background-color: #065395;
+
+    div {
+        width: 160px;
+        height: 54px;
+        line-height: 54px;
+        text-align: center;
+        color: #fff;
+        font-size: 16px;
+        font-weight: bold;
+        background: url(http://192.168.1.234:19000/pre/image/png/20251217/1765957741369605.png) no-repeat right center;
+
+        &:last-child {
+            background: none;
+        }
+
+        a {
+            color: #fff;
+        }
+    }
+}
+
+//基本样式 end ---------------------------------------->
+//样式2 start ---------------------------------------->
+.floatMenuStyle2 {
+    height: 54px;
+    line-height: 54px;
+    display: flex;
+    justify-content: center;
+    background-color: #333333;
+
+    div {
+        width: 160px;
+        height: 54px;
+        line-height: 54px;
+        text-align: center;
+        color: #fff;
+        font-size: 16px;
+        font-weight: bold;
+        background: url(http://192.168.1.234:19000/pre/image/png/20251217/176595806140757.png) no-repeat right center;
+
+        &:last-child {
+            background: none;
+        }
+
+        a {
+            color: #fff;
+        }
+    }
+}
+
+//样式2 end ---------------------------------------->
+//样式3
+.floatMenuStyle3 {
+    height: 54px;
+    line-height: 54px;
+    display: flex;
+    justify-content: center;
+    background-color: #fff;
+    border-bottom: 2px solid #ededed;
+
+    div {
+        width: 160px;
+        height: 54px;
+        line-height: 54px;
+        text-align: center;
+        color: #333;
+        font-size: 16px;
+        font-weight: bold;
+        background: url(http://192.168.1.234:19000/pre/image/png/20251217/1765958072692873.png) no-repeat right center;
+
+        &:last-child {
+            background: none;
+        }
+
+        a {
+            color: #333;
+        }
+    }
+}
+
+//样式4
+.floatMenuStyle4 {
+    height: 54px;
+    line-height: 54px;
+    display: flex;
+    justify-content: center;
+    background-color: #fff;
+    border: 1px solid #ededed;
+
+    div {
+        width: 160px;
+        height: 54px;
+        line-height: 54px;
+        text-align: center;
+        color: #333;
+        font-size: 16px;
+        font-weight: bold;
+        background: url(http://192.168.1.234:19000/pre/image/png/20251217/17659580809026.png) no-repeat right center;
+
+        &:last-child {
+            background: none;
+        }
+
+        a {
+            color: #333;
+        }
+    }
+}
+</style>

components/template/component/public/breadcrumb.vue

@@ -30,7 +30,7 @@
             </el-breadcrumb-item>
             <el-breadcrumb-item v-if="routeLevel==3">
                 <span class="routeName">
-                    {{ getTitleLength(articleName,40) }}
+                    {{ getTitleLength(articleName,35) }}
                 </span>
             </el-breadcrumb-item>
             <!--第三种情况 当前是2级的详情页 end-->
@@ -47,7 +47,7 @@
             </el-breadcrumb-item>
             <el-breadcrumb-item v-if="routeLevel==4">
                 <span class="routeName">
-                    {{ getTitleLength(articleName,40) }}
+                    {{ getTitleLength(articleName,35) }}
                 </span>
             </el-breadcrumb-item>
             <!--第四种情况 当前是3级的详情页 end-->

components/template/component/search/700x46/6.vue

@@ -0,0 +1,300 @@
+<template>
+    <div>
+        <!--样式1-->
+        <div class="searchInputBox" v-if="componentStyle == 1">
+            <div class="searchInputBorder">
+                <input type="text" placeholder="请输入搜索内容" v-model="keywordInput"/>
+            </div>
+            <div class="searchBtn" @click="goSearch">
+                搜索
+            </div>
+        </div>
+        <!--样式2-->
+        <div class="searchInputBox searchInputStyle2" v-if="componentStyle == 2">
+            <div class="searchInputBorder">
+                <input type="text" placeholder="请输入搜索内容" v-model="keywordInput"/>
+            </div>
+            <div class="searchBtn" @click="goSearch">
+                搜索
+            </div>
+        </div>
+        <!--样式3-->
+        <div class="searchInputBox searchInputStyle3" v-if="componentStyle == 3">
+            <div class="searchInputBorder">
+                <input type="text" placeholder="请输入搜索内容" v-model="keywordInput" />
+            </div>
+            <div class="searchBtn"  @click="goSearch">
+                搜索
+            </div>
+        </div>
+        <!--样式4-->
+        <div class="searchInputBox searchInputStyle4" v-if="componentStyle == 4">
+            <div class="searchInputBorder">
+                <input type="text" placeholder="请输入搜索内容" v-model="keywordInput" />
+            </div>
+            <div class="searchBtn"  @click="goSearch">
+                搜索
+            </div>
+        </div>
+        <!--样式5-->
+        <div class="searchInputBox searchInputStyle5" v-if="componentStyle == 5">
+            <div class="searchInputBorder">
+                <input type="text" placeholder="请输入搜索内容" v-model="keywordInput" />
+            </div>
+            <div class="searchBtn"  @click="goSearch">
+                搜索
+            </div>
+        </div>
+        <!--样式6-->
+        <div class="searchInputBox searchInputStyle6" v-if="componentStyle == 6">
+            <div class="searchInputBorder">
+                <input type="text" placeholder="请输入搜索内容" v-model="keywordInput" />
+            </div>
+            <div class="searchBtn"  @click="goSearch">
+                <img src="http://192.168.1.234:19000/pre/image/png/20251219/1766107674897914.png">
+            </div>
+        </div>
+        <!--样式7-->
+        <div class="searchInputBox searchInputStyle7" v-if="componentStyle == 7">
+            <div class="searchInputBorder">
+                <input type="text" placeholder="请输入搜索内容" v-model="keywordInput" />
+                <img src="http://192.168.1.234:19000/pre/image/png/20251219/1766107691269626.png"  @click="goSearch">
+            </div>
+        </div>
+        <!--样式8-->
+        <div class="searchInputBox searchInputStyle7" v-if="componentStyle == 8">
+            <div class="searchInputBorder">
+                <input type="text" placeholder="请输入搜索内容" v-model="keywordInput" />
+                <img src="http://192.168.1.234:19000/pre/image/png/20251219/1766107703516752.png"  @click="goSearch">
+            </div>
+        </div>
+        <!--样式9-->
+        <div class="searchInputBox searchInputStyle9" v-if="componentStyle == 9">    
+            <div class="searchInputBorder">
+                <input type="text" placeholder="请输入搜索内容" v-model="keywordInput" />
+            </div>
+            <div class="searchBtn"  @click="goSearch">
+                <span>搜索</span> 
+                <img src="http://192.168.1.234:19000/pre/image/png/20251219/1766107715193843.png" >
+            </div>
+        </div>
+        <!--样式10-->
+        <div class="searchInputBox searchInputStyle10" v-if="componentStyle == 10">    
+            <div class="searchInputBorder">
+                <input type="text" placeholder="请输入搜索内容" v-model="keywordInput" />
+            </div>
+            <div class="searchBtn"  @click="goSearch">
+                <img src="http://192.168.1.234:19000/pre/image/png/20251219/1766107715193843.png">
+                <span>搜索</span> 
+            </div>
+        </div>
+    </div>
+</template>
+
+<script setup lang="ts">
+//把搜索获得的值保存起来
+import type { IListData } from '@/utils/dataInterface';
+import { useState } from '#app'
+//搜索的值
+const keywordInput = useState<string>('keywordInput', () => '')
+//搜索结果
+const newsList = useState<IListData[]>('searchResults', () => [])
+//搜索总数
+const total = useState<number>('searchTotal', () => 0)
+//第几页
+const page = useState<number>('page', () => 1)
+//一页几个
+const pageSize = useState<number>('pageSize', () => 20)
+
+const props = defineProps({
+    componentStyle:Number,//样式编号
+});
+//搜索栏 start---------------------------------------->
+//关键词
+//let total = ref<number>(0)
+//let page = ref<number>(1)
+//let pageSize = ref<number>(20)
+//格式化跳转链接
+const getLinkPathDetail = (item:any) => {
+    if (item.islink == 1) {
+        return `${item.linkurl}`;
+    } else {
+        return `/${item.pinyin}/${item.id}.html`;
+    }
+}
+//搜索栏 end---------------------------------------->
+//新闻列表 start---------------------------------------->
+//新闻列表
+//const newsList = ref<IListData[]>([]);
+//let keywordInput = ref("");
+//搜索
+let goSearch = async () => {
+    console.log(page.value)
+    console.log(pageSize.value)
+    console.log(keywordInput.value)
+    const listData = await requestDataPromise('/web/selectWebsiteCategory', {
+        method: 'GET',
+        query: {
+            'page': page.value,
+            'pageSize': pageSize.value,
+            'keyword': keywordInput.value,
+        },
+    });
+    console.log(listData)
+    if (listData.data.rows) {
+        // console.log(listData)
+        // newsList.value = listData.data.rows;
+        // total.value = listData.data.count;
+        // 获得搜索结果
+        newsList.value = listData.data.rows; 
+        total.value = listData.data.count;
+    } else {
+        // newsList.value = [];
+        // total.value = 0;
+        newsList.value = [];
+        total.value = 0;
+    }
+}
+goSearch();
+//分页事件
+let changePage = (value:any) => {
+    console.log("当前页码", value);
+    page.value = value
+    console.log(page.value);
+    goSearch()
+}
+//新闻列表 end---------------------------------------->
+</script>
+
+<style scoped lang="less">
+//基本样式 start ---------------------------------------->
+.searchInputBox {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    .searchInputBorder {
+        width: 582px;
+        height: 46px;
+        input {
+            width: 582px;
+            height: 46px;
+            font-size:16px;
+            color:#333333;
+            border:1px solid #E6E6E6;
+            outline: none;
+            box-sizing: border-box;
+            padding:20px 13px;
+        }
+    }
+    .searchBtn {
+        width: 120px;
+        height: 46px;
+        text-align: center;
+        line-height: 46px;
+        color:#fff;
+        background: #154079;
+        cursor: pointer;
+    }
+}
+//基本样式 end ---------------------------------------->
+
+//样式2 start ---------------------------------------->
+.searchInputStyle2 {
+    // .searchInputBorder {
+    //     box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.1);
+    // }
+    .searchBtn {
+        color:#333333;
+        border:1px solid #E6E6E6;
+        box-sizing: border-box;
+        border-left: none;
+        // box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.1);
+        background: #fff;
+    }
+}
+//样式2 end ---------------------------------------->
+//样式3
+.searchInputStyle3 {
+    .searchBtn{
+        background-color: #333333;
+    }
+}
+//样式4
+.searchInputStyle4 {
+    // .searchInputBorder {
+    //     box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.1);
+    // }
+    .searchBtn {
+        margin-left: 5px;
+        color:#fff;
+        border:1px solid #E6E6E6;
+        box-sizing: border-box;
+        border-left: none;
+        // box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.1);
+        background: #154079;
+    }
+}
+//样式5
+.searchInputStyle5 {
+    .searchBtn {
+        margin-left: 5px;
+        color:#fff;
+        background: #333333;
+    }
+}
+//样式6
+.searchInputStyle6 {
+    .searchBtn {
+        background: #154079;
+        img {
+            margin-top: 11px;
+            width: 24px;
+            height: 24px;
+        }
+    }
+}
+//样式7
+.searchInputStyle7 {
+    .searchInputBorder {
+        width: 702px;
+        height: 44px;
+        position: relative;
+        border: 1px solid #E6E6E6;
+        input{
+            height: 44px;;
+            border: none;
+        }
+        img{
+            position: absolute;
+            right: 20px;
+            top: 11px;
+            width: 24px;
+            height: 24px;
+        }
+    }
+}
+//样式9
+.searchInputStyle9 {
+    .searchBtn {
+        img{
+            width: 16px;
+            height: 16px;
+            margin-left: 5px;
+            margin-top: 16px;
+            vertical-align: -4px;
+        }
+    }
+}
+//样式10
+.searchInputStyle10 {
+    .searchBtn {
+        img{
+            width: 16px;
+            height: 16px;
+            margin-right: 5px;
+            margin-top: 16px;
+            vertical-align: -4px;
+        }
+    }
+}
+</style>

components/template/sector/body/about/1200x1334/6/1.vue

@@ -0,0 +1,213 @@
+<template>
+    <!-- 单页菜单 -->
+    <div class="menu">
+        <div class="inner">
+            <menu6Style :componentStyle="templateData[0].component_style" :bottomMenu="bottomMenu" :pageId="pageId" />
+        </div>
+    </div>
+    <!-- 面包屑导航 -->
+    <div class="breadcrumb">
+        <div class="inner">
+            <span class="location">当前位置:</span>
+            <el-breadcrumb :separator-icon="ArrowRight">
+                <el-breadcrumb-item>
+                    <NuxtLink to="/">首页</NuxtLink>
+                </el-breadcrumb-item>
+                <el-breadcrumb-item to="/about/benwangzhaopin/list-1.html" v-if="routeLevel == 1">
+                    本网招聘
+                </el-breadcrumb-item>
+                <el-breadcrumb-item>
+                    {{ routeName }}
+                </el-breadcrumb-item>
+            </el-breadcrumb>
+        </div>
+    </div>
+    <div class="newsDetail">
+        <div class="inner">
+            <div class="innerDetail">
+                <div class="headImg"></div>
+                <div class="innerDetail1">
+                    <mainStyle :skinId="skinId" :newsDetail="newsDetail" />
+                </div>
+                <div class="footImg"></div>
+            </div>
+            <div style="clear: both;"></div>
+        </div>
+    </div>
+</template>
+
+<script setup lang="ts">
+//0.页面依赖 start ---------------------------------------->
+import { ElBreadcrumb, ElBreadcrumbItem } from 'element-plus'
+import { ArrowRight } from '@element-plus/icons-vue'
+import type { INewsDetail, IBottomMenu } from '@/utils/dataInterface'
+//菜单组件皮肤6
+import menu6Style from '@/components/template/component/menu/1200x54/6/1.vue'
+
+//详情
+import mainStyle from '@/components/template/component/main/1200x1120/1.vue'
+interface Props {
+    templateData: any,
+    skinId: number,
+}
+const props = defineProps<Props>();
+//0.页面依赖 end ---------------------------------------->
+
+//1.页面数据 start ---------------------------------------->
+//必备参数
+const route = useRoute();
+const fullPath: string = route.path;
+const segments: string[] = fullPath.split('/');
+const targetSegment: string = segments[2];
+//判断路由深度
+const routeLevel = ref<number>(0);
+if (route.name == 'about-dir-dir-id') {
+    routeLevel.value = 1;
+}
+let articleId: number;
+let pageId: number;
+//反向查询导航id
+const getRouteId = await requestDataPromise('/web/getWebsiteRoute', {
+    method: 'GET',
+    query: {
+        'foot_pinyin': targetSegment,
+    },
+});
+if (getRouteId.code == 200) {
+    articleId = getRouteId.data.id;
+    pageId = getRouteId.data.id;
+}
+//中央招聘详情
+const newsDetail = ref<INewsDetail>({
+    con_title: "",
+    content: "",
+    type_id: 0
+})
+async function getPageData() {
+    const mkdata: any = await requestDataPromise('/web/getWebsiteFooterCategoryInfo', {
+        method: 'GET',
+        query: {
+            'fcat_id': articleId,
+            'type': '0'
+        },
+    });
+    newsDetail.value = mkdata.data;
+    routeName.value = mkdata.data.con_title;
+    getPageMenu();
+}
+getPageData();
+//左侧悬浮菜单
+const bottomMenu = ref<IBottomMenu[]>([]);
+const routeName = ref<string>("");
+async function getPageMenu() {
+    const mkdata: any = await requestDataPromise('/web/getWebsiteFooterCategory', {
+        method: 'GET',
+        query: {},
+    });
+    bottomMenu.value = mkdata.data;
+
+    for (let item of bottomMenu.value) {
+        if (item.name_pinyin == segments[2]) {
+            routeName.value = item.name;
+        }
+    }
+}
+
+//1.页面数据 end---------------------------------------->
+</script>
+
+<style lang="less" scoped>
+//导航条样式 start ---------------------------------------->
+.breadcrumb {
+    width: 1200px;
+    margin: 0 auto;
+    height: 22px;
+    padding-bottom: 30px;
+    margin-top: 30px;
+    margin-bottom: 30px;
+    border-bottom: 1px solid #d9d9d9;
+    font-family: Microsoft YaHei, Microsoft YaHei;
+    font-weight: 400;
+    font-size: 20px;
+    color: #666666;
+    line-height: 23px;
+    text-align: left;
+    font-style: normal;
+    text-transform: none;
+
+    .el-breadcrumb::v-deep {
+        display: inline-block;
+        vertical-align: -4px;
+    }
+
+    :deep(.el-breadcrumb__inner a),
+    :deep(.el-breadcrumb__inner.is-link) {
+        color: #666666;
+        font-weight: 400;
+        text-decoration: none;
+        transition: var(--el-transition-color);
+    }
+
+    span {
+        font-family: Microsoft YaHei, Microsoft YaHei;
+        font-weight: 400;
+        font-size: 20px;
+        color: #666666;
+        line-height: 23px;
+        text-align: left;
+        font-style: normal;
+        text-transform: none;
+    }
+
+    span:hover {
+        color: #666666;
+    }
+
+    .location {
+        margin-right: 20px;
+        width: 100px;
+        height: 22px;
+        font-family: Microsoft YaHei, Microsoft YaHei;
+        font-weight: 400;
+        font-size: 20px;
+        color: #666666;
+        line-height: 23px;
+        text-align: left;
+        font-style: normal;
+        text-transform: none;
+    }
+}
+
+//导航条样式 end ---------------------------------------->
+
+//列表容器 start ---------------------------------------->
+.newsDetail {
+    width: 100%;
+
+    .inner {
+        width: 1200px;
+        font-size: 16px;
+        position: relative;
+
+        .innerDetail {
+            margin: 0 auto;
+            margin-bottom: 30px;
+
+            //min-height: 1370px;
+            .innerDetail1 {
+                //min-height: 1370px;
+                margin: 0 auto;
+                box-sizing: border-box;
+            }
+        }
+    }
+}
+
+.innerLeft {
+    width: 144px;
+    position: absolute;
+    top: 15px;
+    left: -165px;
+}
+
+//列表容器 end ----------------------------------------></style>

components/template/sector/body/about/1200x1575/6/1.vue

@@ -0,0 +1,188 @@
+<template>
+    <!-- 单页菜单 -->
+    <div class="menu">
+        <div class="inner">
+            <menu6Style :componentStyle="templateData[0].component_style" :bottomMenu="bottomMenu" :pageId="pageId" />
+        </div>
+    </div>
+    <!-- 面包屑导航 -->
+    <div class="breadcrumb">
+        <div class="inner">
+            <span class="location">当前位置:</span>
+            <el-breadcrumb :separator-icon="ArrowRight">
+                <el-breadcrumb-item>
+                    <NuxtLink to="/">首页</NuxtLink>
+                </el-breadcrumb-item>
+                <el-breadcrumb-item>本网招聘</el-breadcrumb-item>
+            </el-breadcrumb>
+        </div>
+    </div>
+    <div class="newsDetail">
+        <div class="inner">
+            <div class="innerDetail">
+                <div class="innerDetail1">
+                    <div v-if="skinId == 6">
+                        <list6Style :componentStyle="templateData[1].component_style" :newsList="newsList" />
+                    </div>
+                </div>
+            </div>
+            <div style="clear: both;"></div>
+        </div>
+    </div>
+</template>
+
+<script setup lang="ts">
+//0.页面依赖 start ---------------------------------------->
+import type { INewsDetail, IBottomMenu } from '@/utils/dataInterface'
+import { ElBreadcrumb, ElBreadcrumbItem } from 'element-plus'
+import { ArrowRight } from '@element-plus/icons-vue'
+//列表组件样式6
+import list6Style from '@/components/template/component/list/1200x1250/6/1.vue'
+
+//菜单组件皮肤6
+import menu6Style from '@/components/template/component/menu/1200x54/6/1.vue'
+interface Props {
+    templateData: any,
+    skinId: number,
+}
+const props = defineProps<Props>();
+//0.页面依赖 end ---------------------------------------->
+
+//1.页面数据 start ---------------------------------------->
+//1.1 获得导航池id
+const route = useRoute();
+//获得当前的完整路径
+const fullPath = route.path;
+const segments = fullPath.split('/');
+const targetSegment = segments[2];
+let pageId: number;
+//通过导航路径反向查询导航id
+const getRouteId = await requestDataPromise('/web/getWebsiteRoute', {
+    method: 'GET',
+    query: {
+        'foot_pinyin': targetSegment,
+    },
+});
+if (getRouteId.code == 200) {
+    pageId = getRouteId.data.id;
+}
+//1.2获得左侧导航
+const bottomMenu = ref([]);
+async function getPageMenu() {
+    const mkdata = await requestDataPromise('/web/getWebsiteFooterCategory', {
+        method: 'GET',
+        query: {},
+    });
+    bottomMenu.value = mkdata.data;
+}
+getPageMenu();
+//1.3获得数据列表
+const newsList = ref<IListData[]>([]);
+let newslists = async () => {
+    const listData = await requestDataPromise('/web/getWebsiteFooterCategoryList', {
+        method: 'GET',
+        query: {
+            'fcat_id': pageId,
+        },
+    });
+    newsList.value = listData.data;
+}
+newslists();
+//1.页面数据 end---------------------------------------->
+</script>
+
+<style lang="less" scoped>
+//导航条样式 start ---------------------------------------->
+.breadcrumb {
+    width: 1200px;
+    margin: 0 auto;
+    height: 22px;
+    padding-bottom: 30px;
+    margin-top: 30px;
+    margin-bottom: 30px;
+    border-bottom: 1px solid #d9d9d9;
+    font-family: Microsoft YaHei, Microsoft YaHei;
+    font-weight: 400;
+    font-size: 20px;
+    color: #666666;
+    line-height: 23px;
+    text-align: left;
+    font-style: normal;
+    text-transform: none;
+
+    :deep(.el-breadcrumb) {
+        display: inline-block;
+        vertical-align: -4px;
+    }
+
+    :deep(.el-breadcrumb__inner a),
+    :deep(.el-breadcrumb__inner.is-link) {
+        color: #666666;
+        font-weight: 400;
+        text-decoration: none;
+        transition: var(--el-transition-color);
+    }
+
+    span {
+        font-family: Microsoft YaHei, Microsoft YaHei;
+        font-weight: 400;
+        font-size: 20px;
+        color: #666666;
+        line-height: 23px;
+        text-align: left;
+        font-style: normal;
+        text-transform: none;
+    }
+
+    span:hover {
+        color: #666666;
+    }
+
+    .location {
+        margin-right: 20px;
+        width: 100px;
+        height: 22px;
+        font-family: Microsoft YaHei, Microsoft YaHei;
+        font-weight: 400;
+        font-size: 20px;
+        color: #666666;
+        line-height: 23px;
+        text-align: left;
+        font-style: normal;
+        text-transform: none;
+    }
+}
+
+//导航条样式 end ---------------------------------------->
+
+//列表容器 start ---------------------------------------->
+.newsDetail {
+    width: 100%;
+
+    .inner {
+        width: 1200px;
+        font-size: 16px;
+        position: relative;
+
+        .innerDetail {
+            margin: 0 auto;
+            margin-bottom: 30px;
+            min-height: 600px;
+
+            .innerDetail1 {
+                min-height: 600px;
+                margin: 0 auto;
+                box-sizing: border-box;
+            }
+        }
+    }
+}
+
+.innerLeft {
+    width: 144px;
+    position: absolute;
+    top: 15px;
+    left: -165px;
+}
+
+//列表容器 end ----------------------------------------></style>

components/template/sector/body/article/article/1200x1710/1.vue

@@ -30,6 +30,10 @@
                             <!--最新资讯皮肤5-->
                             <news5style :componentStyle="templateData[1].component_style" />
                         </div>
+                        <div v-if="skinId==6">
+                            <!--热点资讯皮肤6-->
+                            <news6style :componentStyle="templateData[2].component_style" />
+                        </div>
                     </div>
                     <div class="articleContentBoxRightBottom">
                         <div v-if="skinId==1">
@@ -52,6 +56,10 @@
                             <!--热点资讯皮肤5-->
                             <hotNews5style :componentStyle="templateData[2].component_style" />
                         </div>
+                        <div v-if="skinId==6">
+                            <!--热点资讯皮肤6-->
+                            <hotNews6style :componentStyle="templateData[2].component_style" />
+                        </div>
                     </div>
                 </div>
             </div>
@@ -73,12 +81,14 @@ import news2style from '@/components/template/component/list/270x450/2.vue'
 import news3style from '@/components/template/component/list/270x450/3.vue'
 import news4style from '@/components/template/component/list/270x450/4.vue'
 import news5style from '@/components/template/component/list/270x450/5.vue'
+import news6style from '@/components/template/component/list/270x450/6.vue'
 //热点精选
 import hotNews1style from '@/components/template/component/list/270x580/1.vue'
 import hotNews2style from '@/components/template/component/list/270x580/2.vue'
 import hotNews3style from '@/components/template/component/list/270x580/3.vue'
 import hotNews4style from '@/components/template/component/list/270x580/4.vue'
 import hotNews5style from '@/components/template/component/list/270x580/5.vue'
+import hotNews6style from '@/components/template/component/list/270x580/6.vue'
 const props = defineProps({
     skinId: Number,//皮肤id
     articleData:Object,//新闻正文

components/template/sector/body/index/link/1200x230/1.vue

@@ -4,31 +4,31 @@
         <div v-if="skinId==1" class="linkSectorStyle1Box">
             <div class="linkSectorItem bg1">
                 <NuxtLink href="http://dy.qgsnfzzx.org.cn/list-renyuanchaxun.html" target="_blank">
-                    <div class="linkSectorItemImg"><img src="http://192.168.1.234:19000/pre/image/png/20251218/1766037553931765.png" /></div>
+                    <div class="linkSectorItemImg"><img src="http://img.bjzxtw.org.cn/pre/image/png/20250709/1752026862529548.png" /></div>
                     <div class="linkSectorItemTitle">人员查询</div>
                 </NuxtLink>
             </div>
             <div class="linkSectorItem bg1">
                 <NuxtLink href="http://dy.qgsnfzzx.org.cn/list-cheliangchaxun.html" target="_blank">
-                    <div class="linkSectorItemImg"><img src="http://192.168.1.234:19000/pre/image/png/20251218/1766037566230425.png" /></div>
+                    <div class="linkSectorItemImg"><img src="http://img.bjzxtw.org.cn/pre/image/png/20250709/1752026870493018.png" /></div>
                     <div class="linkSectorItemTitle">车辆查询</div>
                 </NuxtLink>
             </div>
             <div class="linkSectorItem bg1">
                 <NuxtLink href="http://dy.qgsnfzzx.org.cn/list-diaoyanxuanti.html" target="_blank">
-                    <div class="linkSectorItemImg"><img src="http://192.168.1.234:19000/pre/image/png/20251218/1766037578813795.png" /></div>
+                    <div class="linkSectorItemImg"><img src="http://img.bjzxtw.org.cn/pre/image/png/20250709/1752026884699420.png" /></div>
                     <div class="linkSectorItemTitle">调研选题</div>
                 </NuxtLink>
             </div>
             <div class="linkSectorItem bg1">
                 <NuxtLink href="http://dy.qgsnfzzx.org.cn/list-difangzhongxin.html" target="_blank">
-                    <div class="linkSectorItemImg"><img src="http://192.168.1.234:19000/pre/image/png/20251218/1766037586373108.png" /></div>
+                    <div class="linkSectorItemImg"><img src="http://img.bjzxtw.org.cn/pre/image/png/20250709/1752026896833808.png" /></div>
                     <div class="linkSectorItemTitle">地市中心</div>
                 </NuxtLink>
             </div>
             <div class="linkSectorItem bg1">
                 <NuxtLink href="http://dy.qgsnfzzx.org.cn/list-jieshaoxinchaxun.html" target="_blank">
-                    <div class="linkSectorItemImg"><img src="http://192.168.1.234:19000/pre/image/png/20251218/1766037601702397.png" /></div>
+                    <div class="linkSectorItemImg"><img src="http://img.bjzxtw.org.cn/pre/image/png/20250709/175202690385632.png" /></div>
                     <div class="linkSectorItemTitle">介绍信查询</div>
                 </NuxtLink>
             </div>
@@ -250,11 +250,11 @@ const props = defineProps({
             }
         }
     }
-    .bg1 {background: url(http://192.168.1.234:19000/pre/image/jpeg/20251218/176604891229964.jpg) no-repeat center center;}
-    .bg2 {background: url(http://192.168.1.234:19000/pre/image/jpeg/20251218/1766048943651538.jpg) no-repeat center center;}
-    .bg3 {background: url(http://192.168.1.234:19000/pre/image/jpeg/20251218/1766048952966036.jpg) no-repeat center center;}
-    .bg4 {background: url(http://192.168.1.234:19000/pre/image/jpeg/20251218/1766048958299300.jpg) no-repeat center center;}
-    .bg5 {background: url(http://192.168.1.234:19000/pre/image/png/20251218/1766049475430808.png) no-repeat center center;}
+    .bg1 {background: url(http://img.bjzxtw.org.cn/pre/image/png/20250626/1750922702993953.png) no-repeat center center;}
+    .bg2 {background: url(http://img.bjzxtw.org.cn/pre/image/png/20250626/1750922720998099.png) no-repeat center center;}
+    .bg3 {background: url(http://img.bjzxtw.org.cn/pre/image/png/20250626/1750922727860324.png) no-repeat center center;}
+    .bg4 {background: url(http://img.bjzxtw.org.cn/pre/image/png/20250626/1750922744808118.png) no-repeat center center;}
+    .bg5 {background: url(http://img.bjzxtw.org.cn/pre/image/png/20250626/1750922748574101.png) no-repeat center center;}
 }
 //样式2 end ---------------------------------------->
 //样式3 start ---------------------------------------->

components/template/sector/body/index/list/1200x330/6/1.vue

@@ -0,0 +1,56 @@
+<template>
+    <div class="newsTextTabsSectorBox">
+        <div class="newsTextTabsSector">
+            <div v-if="skinId==6">
+                <content1Style 
+                    :titleLink="componentTitle" 
+                    :templateData="templateData[0].componentData.data"
+                    :componentStyle="templateData[0].component_style"
+                />
+            </div>
+        </div>
+    </div>
+</template>
+
+<script setup>
+//左侧组件
+import content1Style from '~/components/template/component/list/1200x330/6/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
+}
+
+</script>
+
+<style lang="less" scoped>
+//基本样式 start ---------------------------------------->
+.newsTextTabsSectorBox {
+    width: 100%;
+    height: 330px;
+    margin-bottom: 30px;
+    margin-top: 20px;
+    box-sizing: content-box;
+    .newsTextTabsSector {
+        width: 1200px;
+        height: 330px;
+        margin:0 auto;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+    }
+}
+//基本样式 end ---------------------------------------->
+</style>

components/template/sector/body/index/list/1200x400/6/1.vue

@@ -0,0 +1,121 @@
+<template>
+    <div class="newsTextTabsSectorBox">
+        <div class="newsTextTabsSectorTitle">
+            <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766036406361100.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="newsTextTabsSectorMid">
+                <div v-if="skinId == 6">
+                    <Mid1Style :titleLink="componentTitle1" :templateData="templateData[1].componentData.data"
+                        :componentStyle="templateData[1].component_style" />
+                </div>
+            </div>
+            <div class="newsTextTabsSectorRight">
+                <!--右侧组件皮肤5-->
+                <div v-if="skinId == 6">
+                    <right1Style :titleLink="componentTitle2" :templateData="templateData[2].componentData.data"
+                        :componentStyle="templateData[2].component_style" />
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script setup>
+//左侧组件
+import left1Style from '~/components/template/component/list/380x330/6/4.vue'
+// 中间组件
+import Mid1Style from '~/components/template/component/list/380x330/6/5.vue'
+//右侧组件皮肤
+import right1Style from '~/components/template/component/list/380x330/6/6.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
+}
+const componentTitle2 = {
+    alias: props.templateData[2].componentData.data.alias,
+    aLIas_pinyin: props.templateData[2].componentData.data.pinyin,
+    is_url: props.templateData[2].componentData.data.is_url ?? 0,//如果is_url为空 则默认为0
+    children_count: props.templateData[2].componentData.data.children_count ?? 0,//如果children_count为空 则默认为0
+    cid: props.templateData[2].componentData.data.category_id
+}
+
+</script>
+
+<style lang="less" scoped>
+//基本样式 start ---------------------------------------->
+.newsTextTabsSectorBox {
+    width: 100%;
+    height: 400px;
+    margin-bottom: 30px;
+    box-sizing: content-box;
+
+    .newsTextTabsSectorTitle {
+        width: 1200px;
+        height: 70px;
+        margin: 0 auto;
+
+        img {
+            width: 1200px;
+            height: 32px;
+            margin-top: 9px;
+        }
+    }
+
+    .newsTextTabsSector {
+        width: 1200px;
+        height: 330px;
+        margin: 0 auto;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+
+        .newsTextTabsSectorLeft {
+            width: 380px;
+            height: 330px;
+            position: relative;
+        }
+
+        .newsTextTabsSectorMid {
+            width: 380px;
+            height: 330px;
+            position: relative;
+        }
+
+        .newsTextTabsSectorRight {
+            width: 380px;
+            height: 330px;
+            position: relative;
+        }
+    }
+
+
+}
+
+//基本样式 end ----------------------------------------></style>

components/template/sector/body/index/list/1200x430/6/1.vue

@@ -0,0 +1,125 @@
+<template>
+    <div class="newsTextTabsSectorBox">
+        <div class="newsTextTabsTop">
+            <img src="http://192.168.1.234:19000/pre/image/png/20251218/176603638650688.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="newsTextTabsSectorMid">
+                <div v-if="skinId == 6">
+                    <Mid1Style :titleLink="componentTitle1" :templateData="templateData[1].componentData.data"
+                        :componentStyle="templateData[1].component_style" />
+                </div>
+            </div>
+            <div class="newsTextTabsSectorRight">
+                <!--右侧组件皮肤5-->
+                <div v-if="skinId == 6">
+                    <right1Style :titleLink1="componentTitle1" :titleLink2="componentTitle2"
+                        :componentStyle="templateData[2].component_style"
+                        :templateData="templateData[2].componentData.data[0]"
+                        :templateData1="templateData[2].componentData.data[1]" />
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script setup>
+//左侧组件
+import left1Style from '~/components/template/component/list/380x330/6/1.vue'
+// 中间组件
+import Mid1Style from '~/components/template/component/list/380x330/6/2.vue'
+//右侧组件皮肤
+import right1Style from '~/components/template/component/list/380x330/6/3.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
+}
+const componentTitle2 = {
+    alias: props.templateData[2].componentData.data[0].alias,
+    aLIas_pinyin: props.templateData[2].componentData.data[0].pinyin,
+    is_url: props.templateData[2].componentData.data[0].is_url ?? 0,//如果is_url为空 则默认为0
+    children_count: props.templateData[2].componentData.data[0].children_count ?? 0,//如果children_count为空 则默认为0
+    cid: props.templateData[2].componentData.data[0].category_id
+}
+const componentTitle3 = {
+    alias: props.templateData[2].componentData.data[1].alias,
+    aLIas_pinyin: props.templateData[2].componentData.data[1].pinyin,
+    is_url: props.templateData[2].componentData.data[1].is_url ?? 0,//如果is_url为空 则默认为0
+    children_count: props.templateData[2].componentData.data[1].children_count ?? 0,//如果children_count为空 则默认为0
+    cid: props.templateData[2].componentData.data[1].category_id
+}
+
+</script>
+
+<style lang="less" scoped>
+//基本样式 start ---------------------------------------->
+.newsTextTabsSectorBox {
+    width: 100%;
+    height: 430px;
+    margin-bottom: 30px;
+    box-sizing: content-box;
+
+    .newsTextTabsTop {
+        width: 1200px;
+        height: 100px;
+        line-height: 100px;
+        margin: 0 auto;
+    }
+
+    .newsTextTabsSector {
+        width: 1200px;
+        height: 330px;
+        margin: 0 auto;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+
+        .newsTextTabsSectorLeft {
+            width: 380px;
+            height: 330px;
+            position: relative;
+        }
+
+        .newsTextTabsSectorMid {
+            width: 380px;
+            height: 330px;
+            position: relative;
+        }
+
+        .newsTextTabsSectorRight {
+            width: 380px;
+            height: 330px;
+            position: relative;
+        }
+    }
+
+
+}
+
+//基本样式 end ----------------------------------------></style>

components/template/sector/body/index/list/1200x430/6/2.vue

@@ -0,0 +1,45 @@
+<template>
+    <div class="TabsTextPhotoSector">
+        <sectorStyle 
+            :titleLink1="componentTitle1" 
+            :titleLink2="componentTitle2"
+            :componentStyle="templateData[0].component_style" 
+            :templateData="templateData[0].componentData.data[0]"
+            :templateData1="templateData[0].componentData.data[1]"
+        />
+    </div>
+</template>
+
+<script setup>
+import sectorStyle from '@/components/template/component/list/1200x430/6.vue'
+const props = defineProps({
+    skinId: Number,//皮肤id
+    templateData: Object,//新闻数据
+    adData: 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
+}
+
+</script>
+
+<style lang="less" scoped>
+.TabsTextPhotoSector {
+    width: 1200px;
+    height: 430px;
+    margin: 0 auto;
+    margin-bottom: 30px;
+}
+</style>

components/template/sector/body/index/list/1200x430/6/3.vue

@@ -0,0 +1,100 @@
+<template>
+    <div class="newsTextTabsSectorBox">
+        <div class="newsTextTabsSectorTitle">
+            <img src="http://192.168.1.234:19000/pre/image/png/20251218/176603638650688.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/6/1.vue'
+// 右侧组件
+import right1Style from '~/components/template/component/list/380x360/6/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>

components/template/sector/body/index/list/1200x480/6/1.vue

@@ -0,0 +1,45 @@
+<template>
+    <div class="TabsTextPhotoSector">
+        <sectorStyle 
+            :titleLink1="componentTitle1" 
+            :titleLink2="componentTitle2"
+            :componentStyle="templateData[0].component_style" 
+            :templateData="templateData[0].componentData.data[0]"
+            :templateData1="templateData[0].componentData.data[1]"
+        />
+    </div>
+</template>
+
+<script setup>
+import sectorStyle from '~/components/template/component/list/1200x480/6/1.vue'
+const props = defineProps({
+    skinId: Number,//皮肤id
+    templateData: Object,//新闻数据
+    adData: 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
+}
+
+</script>
+
+<style lang="less" scoped>
+.TabsTextPhotoSector {
+    width: 1200px;
+    height: 480px;
+    margin: 0 auto;
+    margin-bottom: 30px;
+}
+</style>

components/template/sector/body/index/list/1200x480/6/2.vue

@@ -0,0 +1,45 @@
+<template>
+    <div class="TabsTextPhotoSector">
+        <sectorStyle 
+            :titleLink1="componentTitle1" 
+            :titleLink2="componentTitle2"
+            :componentStyle="templateData[0].component_style" 
+            :templateData="templateData[0].componentData.data[0]"
+            :templateData1="templateData[0].componentData.data[1]"
+        />
+    </div>
+</template>
+
+<script setup>
+import sectorStyle from '~/components/template/component/list/1200x480/6/2.vue'
+const props = defineProps({
+    skinId: Number,//皮肤id
+    templateData: Object,//新闻数据
+    adData: 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
+}
+
+</script>
+
+<style lang="less" scoped>
+.TabsTextPhotoSector {
+    width: 1200px;
+    height: 480px;
+    margin: 0 auto;
+    margin-bottom: 30px;
+}
+</style>

components/template/sector/body/index/list/1200x480/6/3.vue

@@ -0,0 +1,56 @@
+<template>
+    <div class="newsTextTabsSectorBox">
+        <div class="newsTextTabsSector">
+            <div v-if="skinId == 6">
+                <content1Style 
+                    :titleLink="componentTitle" 
+                    :templateData="templateData[0].componentData.data"
+                    :componentStyle="templateData[0].component_style" />
+            </div>
+        </div>
+    </div>
+</template>
+
+<script setup>
+//左侧组件
+import content1Style from '~/components/template/component/list/1200x480/6/3.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
+}
+
+</script>
+
+<style lang="less" scoped>
+//基本样式 start ---------------------------------------->
+.newsTextTabsSectorBox {
+    width: 100%;
+    height: 480px;
+    margin-bottom: 30px;
+    margin-top: 20px;
+    box-sizing: content-box;
+
+    .newsTextTabsSector {
+        width: 1200px;
+        height: 480px;
+        margin: 0 auto;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+    }
+}
+
+//基本样式 end ----------------------------------------></style>

components/template/sector/body/index/list/1200x540/1.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="TabsTextPhotoSector">
         <div class="contentTop">
-            <img src="" alt="">
+            <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766036406361100.png" alt="">
         </div>
         <div class="contentBottom">
             <div class="left">
@@ -55,9 +55,9 @@ const componentTitle2 = {
 
     .contentTop {
         width: 1200px;
-        height: 32px;
-        margin-bottom: 19px;
-        margin-top: 19px;
+        height: 70px;
+        line-height: 70px;
+        margin: 0 auto;
 
         img {
             width: 1200px;

components/template/sector/body/list/list/1200x1390/6/1.vue

@@ -0,0 +1,198 @@
+<template>
+    <div class="listBigBox">
+        <div class="listBox">
+            <div class="listRouterBox">
+                <templateBreadcrumb :routeId="routeId" />
+            </div>
+            <div class="listContentBox">
+                <div class="listContentBoxLeft">
+                    <div v-if="skinId == 6">
+                        <list6Style :listData="newsList" :componentStyle="templateData[0].component_style" />
+                    </div>
+                </div>
+                <div class="listContentBoxRight">
+                    <div class="listContentBoxRightTop">
+                        <div v-if="skinId == 6">
+                            <news6style :componentStyle="templateData[1].component_style" />
+                        </div>
+                    </div>
+                    <div class="listContentBoxRightBottom">
+                        <div v-if="skinId == 6">
+                            <hotNews6style :componentStyle="templateData[2].component_style" />
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="paginationBox">
+                <div :class="'paginationBoxLeft paginatioStyle' + skinId">
+                    <el-pagination 
+                        size="small" 
+                        background 
+                        layout="prev, pager, next" 
+                        :total="pageData.total"
+                        :page-size="pageData.pageSize" 
+                        :current-page="pageData.pageNum" 
+                        prev-text="上一页" 
+                        next-text="下一页"
+                        @current-change="changePage" />
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script setup>
+//引入vue
+import { ref } from 'vue';
+import { ElPagination } from 'element-plus';
+//引入面包屑路径组件
+import templateBreadcrumb from '@/components/template/component/public/breadcrumb.vue'
+//引入列表组件
+import list6Style from '@/components/template/component/list/900x1180/6/1.vue'
+//最新资讯
+import news6style from '@/components/template/component/list/270x450/6.vue'
+//热点精选
+import hotNews6style from '@/components/template/component/list/270x580/6.vue'
+const props = defineProps({
+    skinId: Number,//皮肤id 
+    templateData: Object,//新闻数据
+    routeId: Number,//导航池id
+    pageData: Object,//分页数据
+    newsList: Object,//新闻列表
+});
+//分页事件
+let changePage = (value) => {
+    const targetSegment = getRoutePath(1);
+    props.pageData.pageNum = value;
+    console.log("当前页码", value);
+    navigateTo(`/${targetSegment}/list-${value}.html`)
+}
+//页面数据---------------------------------------->
+</script>
+
+<style lang="less" scoped>
+//列表基本样式 start ---------------------------------------->
+.listBigBox {
+    width: 100%;
+    height: 1390px;
+    margin-bottom: 30px;
+
+    .listBox {
+        width: 1200px;
+        height: 1390px;
+        margin: 0 auto;
+
+        .listRouterBox {
+            height: 52px;
+            border-bottom: 1px solid #D9D9D9;
+        }
+
+        .listContentBox {
+            display: flex;
+            justify-content: space-between;
+            align-items: flex-start;
+            margin-top: 17px;
+
+            .listContentBoxLeft {
+                width: 900px;
+                height: 1180px;
+                position: relative;
+                margin-bottom: 30px;
+            }
+
+            .listContentBoxRight {
+                width: 270px;
+                height: 1050px;
+
+                .listContentBoxRightTop {
+                    width: 270px;
+                    height: 440px;
+                    margin-bottom: 30px;
+                    position: relative;
+                }
+
+                .listContentBoxRightBottom {
+                    width: 270px;
+                    height: 580px;
+                    position: relative;
+                }
+            }
+        }
+
+        .paginationBox {
+            height: 100px;
+
+            .paginationBoxLeft {
+                width: 900px;
+                height: 100px;
+                box-sizing: border-box;
+                text-align: center;
+            }
+        }
+    }
+}
+
+//列表基本样式 end ---------------------------------------->
+
+//分页基本样式 start ---------------------------------------->
+.paginationBoxLeft {
+    width: 800px;
+    height: 34px;
+    margin-left: 141px;
+    display: flex;
+    justify-content: center;
+    margin: 0;
+
+    .el-pagination.is-background::v-deep .btn-next,
+    .el-pagination.is-background::v-deep .btn-prev {
+        width: 70px;
+        height: 34px;
+        margin: 0px 10px;
+        border-radius: 4px;
+    }
+
+    .el-pagination.is-background::v-deep .el-pager li {
+        margin: 0px 10px;
+        width: 38px;
+        height: 34px;
+        border-radius: 4px;
+    }
+
+    .el-pagination.is-background::v-deep .btn-next.is-active,
+    .el-pagination.is-background::v-deep .btn-prev.is-active,
+    .el-pagination.is-background::v-deep .el-pager li.is-active {
+        color: #fff;
+    }
+}
+
+//分页基本样式 end ---------------------------------------->
+
+//分页样式5 start ---------------------------------------->
+.paginatioStyle5 {
+    .el-pagination::v-deep :hover {
+        color: #3848a0;
+    }
+
+    .el-pagination.is-background::v-deep .btn-next.is-active,
+    .el-pagination.is-background::v-deep .btn-prev.is-active,
+    .el-pagination.is-background::v-deep .el-pager li.is-active {
+        background-color: #3848a0;
+    }
+}
+//分页样式5 end ---------------------------------------->
+
+//分页样式6 start ---------------------------------------->
+.paginatioStyle6 {
+    .el-pagination::v-deep :hover {
+        color: #154079;
+    }
+
+    .el-pagination.is-background::v-deep .btn-next.is-active,
+    .el-pagination.is-background::v-deep .btn-prev.is-active,
+    .el-pagination.is-background::v-deep .el-pager li.is-active {
+        background-color: #154079;
+    }
+}
+//分页样式6 end ---------------------------------------->
+
+</style>

components/template/sector/body/list/menu/1200x100/1.vue

@@ -21,6 +21,10 @@
             <div v-if="skinId==5">
                 <menu5Style :navigateData="navigateData" :routeId="routeId" :componentStyle="templateData[0].component_style"/>
             </div>
+            <!--组件皮肤6-->
+            <div v-if="skinId==6">
+                <menu6Style :navigateData="navigateData" :routeId="routeId" :componentStyle="templateData[0].component_style"/>
+            </div>
         </div>
     </div>
 </template>
@@ -36,6 +40,8 @@ import menu3Style from '@/components/template/component/menu/1200x100/list/3.vue
 import menu4Style from '@/components/template/component/menu/1200x100/list/4.vue'
 //组件皮肤5
 import menu5Style from '@/components/template/component/menu/1200x100/list/5.vue'
+//组件皮肤6
+import menu6Style from '@/components/template/component/menu/1200x100/list/6.vue'
 
 //获得新闻数据
 const props = defineProps({

components/template/sector/body/search/list/1200x1530/6/1.vue

@@ -0,0 +1,211 @@
+<template>
+    <div class="search">
+        <div class="inner">
+            <!--搜索框样式1-->
+            <div v-if="skinId == 6">
+                <searchStyle6 :componentStyle="props.templateData[0].component_style"/>
+            </div>
+        </div>
+    </div>
+    <div class="breadcrumb">
+        <div class="inner">
+            <span class="location">当前位置:</span>
+            <el-breadcrumb :separator-icon="ArrowRight">
+                <el-breadcrumb-item>
+                    <NuxtLink to="/">首页</NuxtLink>
+                </el-breadcrumb-item>
+                <el-breadcrumb-item>搜索</el-breadcrumb-item>
+            </el-breadcrumb>
+        </div>
+    </div>
+    <div :class="'newsList newsListStyle' + skinId">
+        <div class="inner">
+            <div class="innerLeft">
+                <!--皮肤5列表-->
+                <listNews6 :listData="newsList"  :componentStyle="props.templateData[1].component_style" v-if="skinId == 6"/>
+                <div v-if="newsList.length == 0" class="empty">
+                    <div>
+                        <img src="http://img.bjzxtw.org.cn/pre/image/png/20250721/1753076876631321.png" alt="暂无内容">
+                        <p>暂无搜索数据</p>
+                    </div>
+                </div>
+                <div class="pagination" :class="'paginatioStyle'+skinId" v-if="total > 0">
+                    <el-pagination 
+                        size="small" 
+                        background layout="prev, pager, next" 
+                        :total="total" 
+                        class="mt-4"
+                        prev-text="上一页" 
+                        next-text="下一页" 
+                        @change="changePage" 
+                    />
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script setup lang="ts">
+//引入搜索组件
+import searchStyle6 from '~/components/template/component/search/700x46/6.vue'
+//引入文章列表
+import listNews6 from '~/components/template/component/list/1200x1180/6/1.vue'
+//接口约束
+import type { IListData } from '@/utils/dataInterface';
+import { ElBreadcrumb, ElBreadcrumbItem, ElPagination } from 'element-plus'
+import { ArrowRight } from '@element-plus/icons-vue'
+//获得皮肤编号
+const props:any = defineProps({
+    skinId:Number,
+    templateData:Array,
+});
+console.log(props.templateData[0].component_style)
+//把搜索获得的值保存起来
+import { useState } from '#app'
+const keywordInput = useState<string>('keywordInput', () => '')
+const newsList = useState<IListData[]>('searchResults', () => [])
+const total = useState<number>('searchTotal', () => 0)
+const page = useState<number>('page', () => 1)
+const pageSize = useState<number>('pageSize', () => 10)
+console.log('搜索结果:', newsList.value)
+console.log('搜索结果总数:', total.value)
+//搜索事件
+let goSearch = async () => {
+    console.log(page.value)
+    console.log(pageSize.value)
+    console.log(keywordInput.value)
+    const listData = await requestDataPromise('/web/selectWebsiteCategory', {
+        method: 'GET',
+        query: {
+            'page': page.value,
+            'pageSize': pageSize.value,
+            'keyword': keywordInput.value,
+        },
+    });
+    console.log(listData)
+    if (listData.data.rows) {
+        newsList.value = listData.data.rows; 
+        total.value = listData.data.count;
+    } else {
+        newsList.value = [];
+        total.value = 0;
+    }
+}
+//分页事件
+let changePage = (value:any) => {
+    console.log("当前页码", value);
+    page.value = value
+    console.log(page.value);
+    goSearch()
+}
+</script>
+
+<style lang="less" scoped>
+@import url('@/assets/css/search.less');
+//基本样式 start ---------------------------------------->
+//列表样式
+.listBigBox{
+    width: 100%;
+    height: 1220px;
+    margin-bottom: 30px;
+    .listBox{
+        width: 1200px;
+        height: 1220px;
+        margin: 0 auto;
+        .listRouterBox{
+            height: 52px;
+            border-bottom: 1px solid #D9D9D9;
+        }
+        .listContentBox {
+            display: flex;
+            justify-content: space-between;
+            align-items: flex-start;
+            margin-top: 17px;
+            .listContentBoxLeft {
+                width: 900px;
+                height: 1050px;
+                position: relative;
+            }
+            .listContentBoxRight {
+                width: 270px;
+                height: 1050px;
+                .listContentBoxRightTop {
+                    width: 270px;
+                    height: 440px;
+                    margin-bottom: 30px;
+                    position: relative;
+                }
+                .listContentBoxRightBottom {
+                    width: 270px;
+                    height: 580px;
+                    position: relative;
+                }
+            }
+        }
+        .paginationBox {
+            height: 100px;
+            .paginationBoxLeft {
+                width: 900px;
+                height: 100px;
+                //padding-top: 33px;
+                box-sizing: border-box;
+                text-align: center;
+            }
+        }
+    }
+}
+//分页基本样式
+.paginationBoxLeft {
+    width: 800px;
+    height: 34px;
+    margin-left: 141px;
+    display: flex;
+    justify-content: center;
+    margin: 0;
+    .el-pagination.is-background::v-deep .btn-next,
+    .el-pagination.is-background::v-deep .btn-prev {
+        width: 70px;
+        height: 34px;
+        margin: 0px 10px;
+        border-radius: 4px;
+    }
+    .el-pagination.is-background::v-deep .el-pager li {
+        margin: 0px 10px;
+        width: 38px;
+        height: 34px;
+        border-radius: 4px;
+    }
+    .el-pagination.is-background::v-deep .btn-next.is-active,
+    .el-pagination.is-background::v-deep .btn-prev.is-active,
+    .el-pagination.is-background::v-deep .el-pager li.is-active {
+        color: #fff;
+    }
+}
+//基本样式 end ---------------------------------------->
+
+//分页样式5 start ---------------------------------------->
+.paginatioStyle5 {
+    .el-pagination::v-deep :hover {
+        color: #3848a0;
+    }
+    .el-pagination.is-background::v-deep .btn-next.is-active,
+    .el-pagination.is-background::v-deep .btn-prev.is-active,
+    .el-pagination.is-background::v-deep .el-pager li.is-active {
+        background-color: #3848a0;
+    }
+}
+//分页样式5 end ---------------------------------------->
+
+//分页样式6 start ---------------------------------------->
+.paginatioStyle6 {
+    .el-pagination::v-deep :hover {
+        color: #154079;
+    }
+    .el-pagination.is-background::v-deep .btn-next.is-active,
+    .el-pagination.is-background::v-deep .btn-prev.is-active,
+    .el-pagination.is-background::v-deep .el-pager li.is-active {
+        background-color: #154079;
+    }
+}
+//分页样式6 end ---------------------------------------->
+</style>

components/template/sector/foot/1200x680/1.vue

@@ -4,8 +4,8 @@
         <div class="foot_yqlj" v-if="skinId==5">
             <img src="https://img.bjzxtw.org.cn/pre/image/png/20251103/17621617605502.png" alt="">
         </div>
-        <div class="foot_yqlj" v-if="skinId==6">
-            <img src="https://img.bjzxtw.org.cn/pre/image/png/20251103/17621617605502.png" alt="">
+        <div class="foot6_yqlj" v-if="skinId==6">
+            <img src="http://192.168.1.234:19000/pre/image/png/20251218/1766050741394985.png" alt="">
         </div>
         <div class="foot_img_box">
             <a :href="item.url" v-for="(item, index) in bottomLink" target="_blank">

components/template/sector/head/1200x200/1.vue

@@ -7,14 +7,14 @@
                 </div>
                 <div class="right">
                     <div class="menu">
-                        <button class="reg" @click="goTopic"><img src="http://192.168.1.234:19000/pre/image/png/20251226/1766713995518831.png" alt="商圈">商圈</button>
-                        <button class="reg" @click="goAdvertising"><img src="http://192.168.1.234:19000/pre/image/png/20251226/1766714025135182.png" alt="广告服务">广告服务</button>
+                        <button class="reg" @click="goTopic"><img src="http://img.bjzxtw.org.cn/master/bjzxtw/public/head/topicon1.png" alt="商圈">商圈</button>
+                        <button class="reg" @click="goAdvertising"><img src="http://img.bjzxtw.org.cn/master/bjzxtw/public/head/topicon2.png" alt="广告服务">广告服务</button>
                     </div>
                     <div class="right-top-menu">
-                        <button class="reg" @click="goLogin" v-show="!showToken"><img src="http://192.168.1.234:19000/pre/image/png/20251226/1766714019344704.png" alt="登录">登录</button>
-                        <button class="reg" @click="goRegister" v-show="!showToken"><img src="http://192.168.1.234:19000/pre/image/png/20251226/1766714013794200.png" alt="注册">注册</button>
-                        <button class="reg" @click="userCenter" v-show="showToken"><img src="http://192.168.1.234:19000/pre/image/png/20251226/1766714019344704.png" alt="用户信息">{{username }}</button>
-                        <button class="reg" @click="goSearch" v-if="templateBaseStore.isSearch"><img src="http://192.168.1.234:19000/pre/image/png/20251226/1766714031392106.png">搜索</button>
+                        <button class="reg" @click="goLogin" v-show="!showToken"><img src="http://img.bjzxtw.org.cn/master/bjzxtw/public/head/topicon3.png" alt="登录">登录</button>
+                        <button class="reg" @click="goRegister" v-show="!showToken"><img src="http://img.bjzxtw.org.cn/master/bjzxtw/public/head/topicon4.png" alt="注册">注册</button>
+                        <button class="reg" @click="userCenter" v-show="showToken"><img src="http://img.bjzxtw.org.cn/master/bjzxtw/public/head/topicon3.png" alt="用户信息">{{username }}</button>
+                        <button class="reg" @click="goSearch" v-if="templateBaseStore.isSearch"><img src="http://img.bjzxtw.org.cn/master/bjzxtw/public/head/searchicon.png">搜索</button>
                     </div>
                     <ul class="userInfo11" v-if="isShow">
                         <li @click="gotosystem">个人中心</li>

components/template/sector/head/1200x250/1.vue

@@ -7,14 +7,14 @@
                 </div>
                 <div class="right">
                     <div class="menu">
-                        <button class="reg" @click="goTopic"><img src="http://192.168.1.234:19000/pre/image/png/20251226/1766713995518831.png" alt="商圈">商圈</button>
-                        <button class="reg" @click="goAdvertising"><img src="http://192.168.1.234:19000/pre/image/png/20251226/1766714025135182.png" alt="广告服务">广告服务</button>
+                        <button class="reg" @click="goTopic"><img src="http://img.bjzxtw.org.cn/master/bjzxtw/public/head/topicon1.png" alt="商圈">商圈</button>
+                        <button class="reg" @click="goAdvertising"><img src="http://img.bjzxtw.org.cn/master/bjzxtw/public/head/topicon2.png" alt="广告服务">广告服务</button>
                     </div>
                     <div class="right-top-menu">
-                        <button class="reg" @click="goLogin" v-show="!showToken"><img src="http://192.168.1.234:19000/pre/image/png/20251226/1766714019344704.png" alt="登录">登录</button>
-                        <button class="reg" @click="goRegister" v-show="!showToken"><img src="http://192.168.1.234:19000/pre/image/png/20251226/1766714013794200.png" alt="注册">注册</button>
-                        <button class="reg" @click="userCenter" v-show="showToken"><img src="http://192.168.1.234:19000/pre/image/png/20251226/1766714019344704.png" alt="用户信息">{{username }}</button>
-                        <button class="reg" @click="goSearch" v-if="templateBaseStore.isSearch"><img src="http://192.168.1.234:19000/pre/image/png/20251226/1766714031392106.png">搜索</button>
+                        <button class="reg" @click="goLogin" v-show="!showToken"><img src="http://img.bjzxtw.org.cn/master/bjzxtw/public/head/topicon3.png" alt="登录">登录</button>
+                        <button class="reg" @click="goRegister" v-show="!showToken"><img src="http://img.bjzxtw.org.cn/master/bjzxtw/public/head/topicon4.png" alt="注册">注册</button>
+                        <button class="reg" @click="userCenter" v-show="showToken"><img src="http://img.bjzxtw.org.cn/master/bjzxtw/public/head/topicon3.png" alt="用户信息">{{username }}</button>
+                        <button class="reg" @click="goSearch" v-if="templateBaseStore.isSearch"><img src="http://img.bjzxtw.org.cn/master/bjzxtw/public/head/searchicon.png">搜索</button>
                     </div>
                     <ul class="userInfo11" v-if="isShow">
                         <li @click="gotosystem">个人中心</li>

components/template/sector/head/1200x250/6.vue

@@ -7,14 +7,14 @@
                 </div>
                 <div class="right">
                     <div class="menu">
-                        <button class="reg" @click="goTopic"><img src="http://192.168.1.234:19000/pre/image/png/20251226/1766713995518831.png" alt="商圈">商圈</button>
-                        <button class="reg" @click="goAdvertising"><img src="http://192.168.1.234:19000/pre/image/png/20251226/1766714025135182.png" alt="广告服务">广告服务</button>
+                        <button class="reg" @click="goTopic"><img src="http://img.bjzxtw.org.cn/master/bjzxtw/public/head/topicon1.png" alt="商圈">商圈</button>
+                        <button class="reg" @click="goAdvertising"><img src="http://img.bjzxtw.org.cn/master/bjzxtw/public/head/topicon2.png" alt="广告服务">广告服务</button>
                     </div>
                     <div class="right-top-menu">
-                        <button class="reg" @click="goLogin" v-show="!showToken"><img src="http://192.168.1.234:19000/pre/image/png/20251226/1766714019344704.png" alt="登录">登录</button>
-                        <button class="reg" @click="goRegister" v-show="!showToken"><img src="http://192.168.1.234:19000/pre/image/png/20251226/1766714013794200.png" alt="注册">注册</button>
-                        <button class="reg" @click="userCenter" v-show="showToken"><img src="http://192.168.1.234:19000/pre/image/png/20251226/1766714019344704.png" alt="用户信息">{{username }}</button>
-                        <button class="reg" @click="goSearch" v-if="templateBaseStore.isSearch"><img src="http://192.168.1.234:19000/pre/image/png/20251226/1766714031392106.png">搜索</button>
+                        <button class="reg" @click="goLogin" v-show="!showToken"><img src="http://img.bjzxtw.org.cn/master/bjzxtw/public/head/topicon3.png" alt="登录">登录</button>
+                        <button class="reg" @click="goRegister" v-show="!showToken"><img src="http://img.bjzxtw.org.cn/master/bjzxtw/public/head/topicon4.png" alt="注册">注册</button>
+                        <button class="reg" @click="userCenter" v-show="showToken"><img src="http://img.bjzxtw.org.cn/master/bjzxtw/public/head/topicon3.png" alt="用户信息">{{username }}</button>
+                        <button class="reg" @click="goSearch" v-if="templateBaseStore.isSearch"><img src="http://img.bjzxtw.org.cn/master/bjzxtw/public/head/searchicon.png">搜索</button>
                     </div>
                     <ul class="userInfo11" v-if="isShow">
                         <li @click="gotosystem">个人中心</li>

pages/[dir]/[dir]/[id].vue

@@ -3,10 +3,12 @@
     <templateHead v-if="skinId<=4"></templateHead>
     <!-- 皮肤5头部 -->
     <templateHead5 v-if="skinId==5"></templateHead5>
+    <!-- 皮肤6头部 -->
+    <templateHead6 v-if="skinId==6"></templateHead6>
     <!-- 菜单 -->
     <templateMenu v-if="skinId<=4"></templateMenu>
     <!-- 皮肤5菜单 -->
-    <templateMenu5 v-if="skinId==5"></templateMenu5>
+    <templateMenu5 v-if="skinId>=5"></templateMenu5>
     <!-- 内容 -->
     <div v-for="(item,index) in templateData" :key="index">
         <!--广告组件-->
@@ -21,7 +23,7 @@
     <!-- 底部 -->
     <templateFoot v-if="skinId<=4"></templateFoot>
     <!-- 皮肤5底部 -->
-    <templateFoot1 v-if="skinId==5"></templateFoot1>
+    <templateFoot1 v-if="skinId>=5"></templateFoot1>
 </template>
 
 <script setup lang="ts">
@@ -30,6 +32,7 @@ import type { IArticleDetail,ISurveyResult,ISurveyResultData } from '@/utils/dat
 //0.1全局通栏
 import templateHead from '@/components/template/sector/head/1200x200/1.vue'
 import templateHead5 from '@/components/template/sector/head/1200x250/1.vue'
+import templateHead6 from '@/components/template/sector/head/1200x250/6.vue'
 import templateMenu from '@/components/template/sector/menu/1200x130/1.vue'
 import templateMenu5 from '@/components/template/sector/menu/1200x187/1.vue'
 import templateFoot from '@/components/template/sector/foot/1200x580/1.vue'

pages/[dir]/[dir]/list-[id].vue

@@ -3,10 +3,12 @@
     <templateHead v-if="skinId<=4"></templateHead>
     <!-- 皮肤5头部 -->
     <templateHead5 v-if="skinId==5"></templateHead5>
+    <!-- 皮肤6头部 -->
+    <templateHead6 v-if="skinId==6"></templateHead6>
     <!-- 菜单 -->
     <templateMenu v-if="skinId<=4"></templateMenu>
     <!-- 皮肤5菜单 -->
-    <templateMenu5 v-if="skinId==5"></templateMenu5>
+    <templateMenu5 v-if="skinId>=5"></templateMenu5>
     <!-- 内容 -->
     <div v-for="(item,index) in templateData" :key="index">
         <!--列表菜单-->
@@ -25,21 +27,29 @@
         <div v-if="item.sectorName=='newsListSector' && skinId==5">
             <templateList5 :skinId="skinId" :templateData="item.componentList" :routeId="routeId" :pageData="pageData" :newsList="newsList1"></templateList5>
         </div>
+        <!-- 皮肤6列表组件 -->
+        <div v-if="item.sectorName=='ListbigSector' && skinId==6">
+            <templateList6 :skinId="skinId" :templateData="item.componentList" :routeId="routeId" :pageData="pageData" :newsList="newsList1"></templateList6>
+        </div>
     </div>
     <!-- 底部 -->
     <templateFoot v-if="skinId<=4"></templateFoot>
     <!-- 皮肤5底部 -->
-    <templateFoot1 v-if="skinId==5"></templateFoot1>
+    <templateFoot1 v-if="skinId>=5"></templateFoot1>
 </template>
 
 <script setup lang="ts">
 import type { IListData } from '@/utils/dataInterface';
 //0.加载全局模板组件 start---------------------------------------->
 //0.1全局通栏
+// 0.1.1头部组件
 import templateHead from '@/components/template/sector/head/1200x200/1.vue'
 import templateHead5 from '@/components/template/sector/head/1200x250/1.vue'
+import templateHead6 from '@/components/template/sector/head/1200x250/6.vue'
+// 0.1.2菜单组件
 import templateMenu from '@/components/template/sector/menu/1200x130/1.vue'
 import templateMenu5 from '@/components/template/sector/menu/1200x187/1.vue'
+// 0.1.3底部组件
 import templateFoot from '@/components/template/sector/foot/1200x580/1.vue'
 import templateFoot1 from '@/components/template/sector/foot/1200x680/1.vue'
 //0.2局部通栏
@@ -51,6 +61,8 @@ import templateListMenu from '@/components/template/sector/body/list/menu/1200x1
 import templateList from '@/components/template/sector/body/list/list/1200x1220/1.vue'
 //0.2.4皮肤5列表组件
 import templateList5 from '@/components/template/sector/body/list/list/1200x2250/1.vue'
+//0.2.5皮肤6列表组件
+import templateList6 from '@/components/template/sector/body/list/list/1200x1390/6/1.vue'
 //0.加载全局模板组件 end---------------------------------------->
 
 //1.获得基本信息单元 start---------------------------------------->

pages/[dir]/[id].vue

@@ -3,10 +3,12 @@
     <templateHead v-if="skinId<=4"></templateHead>
     <!-- 皮肤5头部 -->
     <templateHead5 v-if="skinId==5"></templateHead5>
+    <!-- 皮肤6头部 -->
+    <templateHead6 v-if="skinId==6"></templateHead6>
     <!-- 菜单 -->
     <templateMenu v-if="skinId<=4"></templateMenu>
     <!-- 皮肤5菜单 -->
-    <templateMenu5 v-if="skinId==5"></templateMenu5>
+    <templateMenu5 v-if="skinId>=5"></templateMenu5>
     <!-- 内容 -->
     <div v-for="(item,index) in templateData" :key="index">
         <!--广告组件-->
@@ -21,7 +23,7 @@
     <!-- 底部 -->
     <templateFoot v-if="skinId<=4"></templateFoot>
     <!-- 皮肤5底部 -->
-    <templateFoot1 v-if="skinId==5"></templateFoot1>
+    <templateFoot1 v-if="skinId>=5"></templateFoot1>
 </template>
 
 <script setup lang="ts">
@@ -30,6 +32,7 @@ import type { IArticleDetail,ISurveyResult,ISurveyResultData } from '@/utils/dat
 //0.1全局通栏
 import templateHead from '@/components/template/sector/head/1200x200/1.vue'
 import templateHead5 from '@/components/template/sector/head/1200x250/1.vue'
+import templateHead6 from '@/components/template/sector/head/1200x250/6.vue'
 import templateMenu from '@/components/template/sector/menu/1200x130/1.vue'
 import templateMenu5 from '@/components/template/sector/menu/1200x187/1.vue'
 import templateFoot from '@/components/template/sector/foot/1200x580/1.vue'

pages/[dir]/index.html.vue

@@ -107,13 +107,13 @@ import templateNewTextSector from '@/components/template/sector/body/index/list/
 //0.2.9 不带标题的图文组合
 import templateNewListPhotoSector from '@/components/template/sector/body/index/list/1200x500/2.vue'
 // 0.2.10 皮肤6 带标题图文组合
-import templateChannelNewsPhotoSector from '@/components/template/sector/body/index/list/1200x430/6_2.vue'
+import templateChannelNewsPhotoSector from '~/components/template/sector/body/index/list/1200x430/6/3.vue'
 // 0.2.11 皮肤6 不带标题图文组合2
-// import templateChannelNewsSector from '@/components/template/sector/body/index/list/1200x600/6.vue'
+import templateChannelNewsSector from '~/components/template/sector/body/index/list/1200x330/6/1.vue'
 // 0.2.12 皮肤6 带标题图文组合2
-// import templateChannelNewsPhoto from '@/components/template/sector/body/index/list/1200x600/6.vue'
+import templateChannelNewsPhoto from '~/components/template/sector/body/index/list/1200x400/6/1.vue'
 // 0.2.13 皮肤6 不带标题图文组合2
-// import templateChannelNewsAndPhoto from '@/components/template/sector/body/index/list/1200x600/6.vue'
+import templateChannelNewsAndPhoto from '~/components/template/sector/body/index/list/1200x480/6/3.vue'
 //0.加载全局模板组件 end---------------------------------------->
 
 //1.获得基本信息单元 start---------------------------------------->
@@ -208,7 +208,7 @@ console.log('templateData111111111',templateData)
 //2.2.1循环一下模板数据，把所有需要请求后端内容的组件里面imgSize和textSize拿出来
 const getIndex = ref<number>(0);
 for(let item of templateData){
-    if(item.sectorName == 'scrollTextSector'||item.sectorName == 'manyPictureSector'||item.sectorName == 'commentSector'||item.sectorName == 'listSector' || item.sectorName == 'channelNewsSector' || item.sectorName == 'newsPhotoSector' || item.sectorName == 'channelTextSector' || item.sectorName == 'newListPhotoSector' || item.sectorName == 'ChannelNewsPhotoSector'){
+    if(item.sectorName == 'scrollTextSector'||item.sectorName == 'manyPictureSector'||item.sectorName == 'commentSector'||item.sectorName == 'listSector' || item.sectorName == 'channelNewsSector' || item.sectorName == 'newsPhotoSector' || item.sectorName == 'channelTextSector' || item.sectorName == 'newListPhotoSector' || item.sectorName == 'ChannelNewsPhotoSector' || item.sectorName == 'ChannelNewsSector' || item.sectorName == 'ChannelNewsPhoto' || item.sectorName == 'ChannelNewsAndPhoto' ){
         for(let i of item.componentList){
             templateGetData[getIndex.value].imgnum = i.componentData.imgSize;
             templateGetData[getIndex.value].textnum = i.componentData.textSize;
@@ -302,6 +302,22 @@ if (mkdata.code == 200) {
             item.componentList[1].componentData.data = childData.value[dataSort.value % childDataLength];
             dataSort.value++;
         }
+        if(item.sectorName == 'ChannelNewsSector'){
+            item.componentList[0].componentData.data = childData.value[dataSort.value % childDataLength];
+            dataSort.value++;
+        }
+        if(item.sectorName == 'ChannelNewsPhoto'){
+            item.componentList[0].componentData.data = childData.value[dataSort.value % childDataLength];
+            dataSort.value++;
+            item.componentList[1].componentData.data = childData.value[dataSort.value % childDataLength];
+            dataSort.value++;
+            item.componentList[2].componentData.data = childData.value[dataSort.value % childDataLength];
+            dataSort.value++;
+        }
+        if(item.sectorName == 'ChannelNewsAndPhoto'){
+            item.componentList[0].componentData.data = childData.value[dataSort.value % childDataLength];
+            dataSort.value++;
+        }
     }
     //console.log(templateData)
 }

pages/[dir]/list-[id].vue

@@ -3,10 +3,12 @@
     <templateHead v-if="skinId<=4"></templateHead>
     <!-- 皮肤5头部 -->
     <templateHead5 v-if="skinId==5"></templateHead5>
+    <!-- 皮肤6头部 -->
+    <templateHead6 v-if="skinId==6"></templateHead6>
     <!-- 菜单 -->
     <templateMenu v-if="skinId<=4"></templateMenu>
     <!-- 皮肤5菜单 -->
-    <templateMenu5 v-if="skinId==5"></templateMenu5>
+    <templateMenu5 v-if="skinId>=5"></templateMenu5>
     <!-- 内容 -->
     <div v-for="(item,index) in templateData" :key="index">
         <!--广告组件-->
@@ -21,21 +23,29 @@
         <div v-if="item.sectorName=='newsListSector' && skinId==5">
             <templateList5 :skinId="skinId" :templateData="item.componentList" :routeId="routeId" :pageData="pageData" :newsList="newsList1"></templateList5>
         </div>
+        <!-- 皮肤6列表组件 -->
+        <div v-if="item.sectorName=='ListbigSector' && skinId==6">
+            <templateList6 :skinId="skinId" :templateData="item.componentList" :routeId="routeId" :pageData="pageData" :newsList="newsList1"></templateList6>
+        </div>
     </div>
     <!-- 底部 -->
     <templateFoot v-if="skinId<=4"></templateFoot>
     <!-- 皮肤5底部 -->
-    <templateFoot1 v-if="skinId==5"></templateFoot1>
+    <templateFoot1 v-if="skinId>=5"></templateFoot1>
 </template>
 
 <script setup lang="ts">
 //0.加载全局模板组件 start---------------------------------------->
 import type { IListData } from '@/utils/dataInterface';
 //0.1全局通栏
+// 头部组件
 import templateHead from '@/components/template/sector/head/1200x200/1.vue'
 import templateHead5 from '@/components/template/sector/head/1200x250/1.vue'
+import templateHead6 from '@/components/template/sector/head/1200x250/6.vue'
+// 菜单组件
 import templateMenu from '@/components/template/sector/menu/1200x130/1.vue'
 import templateMenu5 from '@/components/template/sector/menu/1200x187/1.vue'
+// 底部组件
 import templateFoot from '@/components/template/sector/foot/1200x580/1.vue'
 import templateFoot1 from '@/components/template/sector/foot/1200x680/1.vue'
 //0.2局部通栏
@@ -44,6 +54,7 @@ import templateAd from '@/components/template/sector/body/ad/1200x90/1.vue'
 //0.2.2列表组件
 import templateList from '@/components/template/sector/body/list/list/1200x1220/1.vue'
 import templateList5 from '@/components/template/sector/body/list/list/1200x2250/1.vue'
+import templateList6 from '@/components/template/sector/body/list/list/1200x1390/6/1.vue'
 //0.加载全局模板组件 end---------------------------------------->
 
 //1.获得基本信息单元 start---------------------------------------->

pages/about/[dir]/[dir]/[id].vue

@@ -3,10 +3,12 @@
     <templateHead v-if="skinId <= 4"></templateHead>
     <!-- 皮肤5头部 -->
     <templateHead5 v-if="skinId == 5"></templateHead5>
+    <!-- 皮肤6头部 -->
+    <templateHead6 v-if="skinId == 6"></templateHead6>
     <!-- 菜单 -->
     <templateMenu v-if="skinId <= 4"></templateMenu>
     <!-- 皮肤5菜单 -->
-    <templateMenu5 v-if="skinId == 5"></templateMenu5>
+    <templateMenu5 v-if="skinId >= 5"></templateMenu5>
     <!-- 内容 -->
     <div v-for="(item,index) in templateData" :key="index">
         <!--1.广告通栏-->
@@ -17,11 +19,15 @@
         <div v-if="item.sectorName=='aboutArticleSector'">
             <templateAboutDetail :skinId="skinId" :templateData="item.componentList"></templateAboutDetail>
         </div>
+        <!-- 3.皮肤6 单页-详情 -->
+        <div v-if="item.sectorName == 'aboutArticleupdownSector'">
+            <templateAboutArticleupdownSector :skinId="skinId" :templateData="item.componentList"></templateAboutArticleupdownSector>
+        </div>
     </div>
     <!-- 底部 -->
     <templateFoot v-if="skinId <= 4"></templateFoot>
     <!-- 皮肤5底部 -->
-    <templateFoot1 v-if="skinId == 5"></templateFoot1>
+    <templateFoot1 v-if="skinId >= 5"></templateFoot1>
 </template>
 
 <script setup lang="ts">
@@ -29,6 +35,7 @@
 //0.1 全局通栏
 import templateHead from '@/components/template/sector/head/1200x200/1.vue'
 import templateHead5 from '@/components/template/sector/head/1200x250/1.vue'
+import templateHead6 from '@/components/template/sector/head/1200x250/6.vue'
 import templateMenu from '@/components/template/sector/menu/1200x130/1.vue'
 import templateMenu5 from '@/components/template/sector/menu/1200x187/1.vue'
 import templateFoot from '@/components/template/sector/foot/1200x580/1.vue'
@@ -38,6 +45,8 @@ import templateFoot1 from '@/components/template/sector/foot/1200x680/1.vue'
 import templateAd from '@/components/template/sector/body/ad/1200x90/1.vue'
 //0.2.2 底部详情-详情
 import templateAboutDetail from '@/components/template/sector/body/about/1200x1150/1.vue'
+//0.2.2 皮肤6 底部详情-详情
+import templateAboutArticleupdownSector from '@/components/template/sector/body/about/1200x1334/6/1.vue'
 //0.加载全局模板组件 end---------------------------------------->
 
 //1.获得基本信息单元 start---------------------------------------->

pages/about/[dir]/index.html.vue

@@ -3,10 +3,12 @@
     <templateHead v-if="skinId <= 4"></templateHead>
     <!-- 皮肤5头部 -->
     <templateHead5 v-if="skinId == 5"></templateHead5>
+    <!-- 皮肤6头部 -->
+    <templateHead6 v-if="skinId == 6"></templateHead6>
     <!-- 菜单 -->
     <templateMenu v-if="skinId <= 4"></templateMenu>
     <!-- 皮肤5菜单 -->
-    <templateMenu5 v-if="skinId == 5"></templateMenu5>
+    <templateMenu5 v-if="skinId >= 5"></templateMenu5>
     <!-- 内容 -->
     <div v-for="(item, index) in templateData" :key="index">
         <!--1.广告通栏-->
@@ -17,20 +19,28 @@
         <div v-if="item.sectorName == 'aboutArticleSector'">
             <templateAboutDetail :skinId="skinId" :templateData="item.componentList"></templateAboutDetail>
         </div>
+        <!-- 3.皮肤6 单页-详情 -->
+        <div v-if="item.sectorName == 'aboutArticleupdownSector'">
+            <templateAboutArticleupdownSector :skinId="skinId" :templateData="item.componentList"></templateAboutArticleupdownSector>
+        </div>
     </div>
     <!-- 底部 -->
     <templateFoot v-if="skinId <= 4"></templateFoot>
     <!-- 皮肤5底部 -->
-    <templateFoot1 v-if="skinId == 5"></templateFoot1>
+    <templateFoot1 v-if="skinId >= 5"></templateFoot1>
 </template>
 
 <script setup lang="ts">
 //0.加载全局模板组件 start---------------------------------------->
 //0.1 全局通栏
+// 0.1.1头部
 import templateHead from '@/components/template/sector/head/1200x200/1.vue'
 import templateHead5 from '@/components/template/sector/head/1200x250/1.vue'
+import templateHead6 from '@/components/template/sector/head/1200x250/6.vue'
+// 0.1.2菜单
 import templateMenu from '@/components/template/sector/menu/1200x130/1.vue'
 import templateMenu5 from '@/components/template/sector/menu/1200x187/1.vue'
+// 0.1.3底部
 import templateFoot from '@/components/template/sector/foot/1200x580/1.vue'
 import templateFoot1 from '@/components/template/sector/foot/1200x680/1.vue'
 //0.2 局部通栏
@@ -38,6 +48,8 @@ import templateFoot1 from '@/components/template/sector/foot/1200x680/1.vue'
 import templateAd from '@/components/template/sector/body/ad/1200x90/1.vue'
 //0.2.2 底部详情-详情
 import templateAboutDetail from '@/components/template/sector/body/about/1200x1150/1.vue'
+//0.2.2 皮肤6 底部详情-详情
+import templateAboutArticleupdownSector from '@/components/template/sector/body/about/1200x1334/6/1.vue'
 //0.加载全局模板组件 end---------------------------------------->
 
 //1.获得基本信息单元 start---------------------------------------->

pages/about/[dir]/list-[id].vue

@@ -3,10 +3,12 @@
     <templateHead v-if="skinId <= 4"></templateHead>
     <!-- 皮肤5头部 -->
     <templateHead5 v-if="skinId == 5"></templateHead5>
+    <!-- 皮肤6头部 -->
+    <templateHead6 v-if="skinId == 6"></templateHead6>
     <!-- 菜单 -->
     <templateMenu v-if="skinId <= 4"></templateMenu>
     <!-- 皮肤5菜单 -->
-    <templateMenu5 v-if="skinId == 5"></templateMenu5>
+    <templateMenu5 v-if="skinId >= 5"></templateMenu5>
     <!-- 内容 -->
     <div v-for="(item,index) in templateData" :key="index">
         <!--1.广告通栏-->
@@ -17,11 +19,15 @@
         <div v-if="item.sectorName=='aboutListSector'">
             <templateAboutList :skinId="skinId" :templateData="item.componentList"></templateAboutList>
         </div>
+        <!--3.皮肤6 底部菜单-列表-->
+        <div v-if="item.sectorName=='ListupdownSector'">
+            <templateListupdownSector :skinId="skinId" :templateData="item.componentList"></templateListupdownSector>
+        </div>
     </div>
     <!-- 底部 -->
     <templateFoot v-if="skinId <= 4"></templateFoot>
     <!-- 皮肤5底部 -->
-    <templateFoot1 v-if="skinId == 5"></templateFoot1>
+    <templateFoot1 v-if="skinId >= 5"></templateFoot1>
 </template>
 
 <script setup lang="ts">
@@ -29,6 +35,7 @@
 //0.1 全局通栏
 import templateHead from '@/components/template/sector/head/1200x200/1.vue'
 import templateHead5 from '@/components/template/sector/head/1200x250/1.vue'
+import templateHead6 from '@/components/template/sector/head/1200x250/6.vue'
 import templateMenu from '@/components/template/sector/menu/1200x130/1.vue'
 import templateMenu5 from '@/components/template/sector/menu/1200x187/1.vue'
 import templateFoot from '@/components/template/sector/foot/1200x580/1.vue'
@@ -38,6 +45,8 @@ import templateFoot1 from '@/components/template/sector/foot/1200x680/1.vue'
 import templateAd from '@/components/template/sector/body/ad/1200x90/1.vue'
 //0.2.2 底部详情-列表
 import templateAboutList from '@/components/template/sector/body/about/1200x1290/1.vue'
+//0.2.3 皮肤6 底部菜单-列表
+import templateListupdownSector from '@/components/template/sector/body/about/1200x1575/6/1.vue'
 //0.加载全局模板组件 end---------------------------------------->
 
 //1.获得基本信息单元 start---------------------------------------->

pages/advertising/adDetail.vue

@@ -8,10 +8,12 @@
         <templateHead v-if="skinId <= 4"></templateHead>
         <!-- 皮肤5头部 -->
         <templateHead5 v-if="skinId == 5"></templateHead5>
+        <!-- 皮肤6头部 -->
+        <templateHead6 v-if="skinId == 6"></templateHead6>
         <!-- 菜单 -->
         <templateMenu v-if="skinId <= 4"></templateMenu>
         <!-- 皮肤5菜单 -->
-        <templateMenu5 v-if="skinId == 5"></templateMenu5>
+        <templateMenu5 v-if="skinId >= 5"></templateMenu5>
         <div class="adDetail">
             <div class="inner">
                 <!-- 标题 -->
@@ -92,7 +94,7 @@
         <!-- 底部 -->
         <templateFoot v-if="skinId <= 4"></templateFoot>
         <!-- 皮肤5底部 -->
-        <templateFoot1 v-if="skinId == 5"></templateFoot1>
+        <templateFoot1 v-if="skinId >= 5"></templateFoot1>
     </div>
 </template>
 
@@ -196,6 +198,7 @@ onMounted(() => {
 //1.获得自助建站头部底部
 import templateHead from '@/components/template/sector/head/1200x200/1.vue'
 import templateHead5 from '@/components/template/sector/head/1200x250/1.vue'
+import templateHead6 from '@/components/template/sector/head/1200x250/6.vue'
 import templateMenu from '@/components/template/sector/menu/1200x130/1.vue'
 import templateMenu5 from '@/components/template/sector/menu/1200x187/1.vue'
 import templateFoot from '@/components/template/sector/foot/1200x580/1.vue'

pages/advertising/index.vue

@@ -9,10 +9,12 @@
         <templateHead v-if="skinId <= 4"></templateHead>
         <!-- 皮肤5头部 -->
         <templateHead5 v-if="skinId == 5"></templateHead5>
+        <!-- 皮肤6头部 -->
+        <templateHead6 v-if="skinId == 6"></templateHead6>
         <!-- 菜单 -->
         <templateMenu v-if="skinId <= 4"></templateMenu>
         <!-- 皮肤5菜单 -->
-        <templateMenu5 v-if="skinId == 5"></templateMenu5>
+        <templateMenu5 v-if="skinId >= 5"></templateMenu5>
 
         <div class="adtips">
             <div class="inner">
@@ -181,7 +183,7 @@
         <!-- 底部 -->
         <templateFoot v-if="skinId <= 4"></templateFoot>
         <!-- 皮肤5底部 -->
-        <templateFoot1 v-if="skinId == 5"></templateFoot1>
+        <templateFoot1 v-if="skinId >= 5"></templateFoot1>
     </div>
 </template>
 
@@ -807,6 +809,7 @@ watch(ad, (newval) => {
 //1.获得自助建站头部底部
 import templateHead from '@/components/template/sector/head/1200x200/1.vue'
 import templateHead5 from '@/components/template/sector/head/1200x250/1.vue'
+import templateHead6 from '@/components/template/sector/head/1200x250/6.vue'
 import templateMenu from '@/components/template/sector/menu/1200x130/1.vue'
 import templateMenu5 from '@/components/template/sector/menu/1200x187/1.vue'
 import templateFoot from '@/components/template/sector/foot/1200x580/1.vue'

pages/index.vue

@@ -91,7 +91,6 @@
         <div v-if="item.sectorName=='TabsTextPhotoTwo'">
             <templateTabsTextPhotoTwo :skinId="skinId" :templateData="item.componentList"></templateTabsTextPhotoTwo>
         </div>
-        <!-- photoTabsSector -->
         <!-- 19.皮肤6 纯图片选项卡通栏 -->
         <div v-if="item.sectorName=='photoTabsSector'">
             <templatePhotoTabsSector :skinId="skinId" :templateData="item.componentList"></templatePhotoTabsSector>
@@ -149,15 +148,15 @@ import templateNewsTabsTextSector from '@/components/template/sector/body/index/
 //0.2.14 所有图片新闻通栏
 import templateNewsAllPictureSector from '@/components/template/sector/body/index/list/1200x380/1.vue'
 //0.2.15 皮肤6 带标题带选项卡图文组合1
-import templateNewsTextTabsSector from '@/components/template/sector/body/index/list/1200x430/6.vue'
+import templateNewsTextTabsSector from '~/components/template/sector/body/index/list/1200x430/6/1.vue'
 //0.2.16 皮肤6 带标题带选项卡图文组合选项卡图文组合通栏
-import templateTabsTextPhotoSector from '@/components/template/sector/body/index/list/1200x480/6.vue'
+import templateTabsTextPhotoSector from '~/components/template/sector/body/index/list/1200x480/6/1.vue'
 //0.2.17 皮肤6 带标题带选项卡图文组合2
 import templateNewsTitleTabsSector from '@/components/template/sector/body/index/list/1200x540/1.vue'
 //0.2.18 皮肤6 选项卡图文组合通栏2
-import templateTabsTextPhotoTwo from '@/components/template/sector/body/index/list/1200x480/6_1.vue'
+import templateTabsTextPhotoTwo from '~/components/template/sector/body/index/list/1200x480/6/2.vue'
 //0.2.19 皮肤6 纯图片选项卡通栏
-import templatePhotoTabsSector from '@/components/template/sector/body/index/list/1200x430/6_1.vue'
+import templatePhotoTabsSector from '~/components/template/sector/body/index/list/1200x430/6/2.vue'
 
 // //0.加载全局模板组件 end---------------------------------------->
 

pages/search/[id].vue

@@ -4,10 +4,12 @@
         <templateHead v-if="skinId <= 4"></templateHead>
         <!-- 皮肤5头部 -->
         <templateHead5 v-if="skinId == 5"></templateHead5>
+        <!-- 皮肤6头部 -->
+        <templateHead6 v-if="skinId == 6"></templateHead6>
         <!-- 菜单 -->
         <templateMenu v-if="skinId <= 4"></templateMenu>
         <!-- 皮肤5菜单 -->
-        <templateMenu5 v-if="skinId == 5"></templateMenu5>
+        <templateMenu5 v-if="skinId >= 5"></templateMenu5>
         <div v-for="(item, index) in templateData" :key="index">
             <!--1.广告通栏-->
             <div v-if="item.sectorName == 'adSector'">
@@ -19,14 +21,17 @@
             </div>
             <!-- 3.皮肤5搜索列表 -->
             <div v-if="item.sectorName == 'searchListpicSector'">
-                <!-- {{ item }} -->
                 <templateSearchListpic :skinId="skinId" :templateData="item.componentList"></templateSearchListpic>
             </div>
+            <!-- 3.皮肤6搜索列表 -->
+            <div v-if="item.sectorName == 'SearchbigListSector'">
+                <templateSearchListbig :skinId="skinId" :templateData="item.componentList"></templateSearchListbig>
+            </div>
         </div>
         <!-- 底部 -->
         <templateFoot v-if="skinId <= 4"></templateFoot>
         <!-- 皮肤5底部 -->
-        <templateFoot1 v-if="skinId == 5"></templateFoot1>
+        <templateFoot1 v-if="skinId >= 5"></templateFoot1>
     </div>
 </template>
 
@@ -35,6 +40,7 @@
 //0.1 全局通栏
 import templateHead from '@/components/template/sector/head/1200x200/1.vue'
 import templateHead5 from '@/components/template/sector/head/1200x250/1.vue'
+import templateHead6 from '@/components/template/sector/head/1200x250/6.vue'
 import templateMenu from '@/components/template/sector/menu/1200x130/1.vue'
 import templateMenu5 from '@/components/template/sector/menu/1200x187/1.vue'
 import templateFoot from '@/components/template/sector/foot/1200x580/1.vue'
@@ -45,6 +51,8 @@ import templateAd from '@/components/template/sector/body/ad/1200x90/1.vue'
 import templateSearch from '@/components/template/sector/body/search/list/1200x1300/1.vue'
 //0.2.3 搜索列表图片组件
 import templateSearchListpic from '@/components/template/sector/body/search/list/1200x2250/1.vue'
+//0.2.4 搜索列表图片组件
+import templateSearchListbig from '~/components/template/sector/body/search/list/1200x1530/6/1.vue'
 //0.加载全局模板组件 end---------------------------------------->
 
 //1.获得基本信息单元 start---------------------------------------->

pages/topic/[id].vue

@@ -7,10 +7,12 @@
         <templateHead v-if="skinId <= 4"></templateHead>
         <!-- 皮肤5头部 -->
         <templateHead5 v-if="skinId == 5"></templateHead5>
+        <!-- 皮肤6头部 -->
+        <templateHead6 v-if="skinId == 6"></templateHead6>
         <!-- 菜单 -->
         <templateMenu v-if="skinId <= 4"></templateMenu>
         <!-- 皮肤5菜单 -->
-        <templateMenu5 v-if="skinId == 5"></templateMenu5>
+        <templateMenu5 v-if="skinId >= 5"></templateMenu5>
         <!-- 商圈详情 -->
         <div class="topicInfoBox">
             <div class="inner">
@@ -101,7 +103,7 @@
         <!-- <HomeFoot1></HomeFoot1> -->
         <templateFoot v-if="skinId <= 4"></templateFoot>
         <!-- 皮肤5底部 -->
-        <templateFoot1 v-if="skinId == 5"></templateFoot1>
+        <templateFoot1 v-if="skinId >= 5"></templateFoot1>
     </div>
 </template>
 
@@ -297,6 +299,7 @@ const addReply = () => {
 //1.获得自助建站头部底部
 import templateHead from '@/components/template/sector/head/1200x200/1.vue'
 import templateHead5 from '@/components/template/sector/head/1200x250/1.vue'
+import templateHead6 from '@/components/template/sector/head/1200x250/6.vue'
 import templateMenu from '@/components/template/sector/menu/1200x130/1.vue'
 import templateMenu5 from '@/components/template/sector/menu/1200x187/1.vue'
 import templateFoot from '@/components/template/sector/foot/1200x580/1.vue'

pages/topic/index.vue

@@ -7,10 +7,12 @@
         <templateHead v-if="skinId <= 4"></templateHead>
         <!-- 皮肤5头部 -->
         <templateHead5 v-if="skinId == 5"></templateHead5>
+        <!-- 皮肤6头部 -->
+        <templateHead6 v-if="skinId == 6"></templateHead6>
         <!-- 菜单 -->
         <templateMenu v-if="skinId <= 4"></templateMenu>
         <!-- 皮肤5菜单 -->
-        <templateMenu5 v-if="skinId == 5"></templateMenu5>
+        <templateMenu5 v-if="skinId >= 5"></templateMenu5>
         <div class="topicBox">
             <div class="inner">
                 <el-tabs v-model="activeName" class="demo-tabs" @tab-change="getTopicsList">
@@ -101,7 +103,7 @@
         <!-- <HomeFoot1></HomeFoot1> -->
         <templateFoot v-if="skinId <= 4"></templateFoot>
         <!-- 皮肤5底部 -->
-        <templateFoot1 v-if="skinId == 5"></templateFoot1>
+        <templateFoot1 v-if="skinId >= 5"></templateFoot1>
     </div>
 </template>
 
@@ -223,6 +225,7 @@ onMounted(() => {
 //1.获得自助建站头部底部
 import templateHead from '@/components/template/sector/head/1200x200/1.vue'
 import templateHead5 from '@/components/template/sector/head/1200x250/1.vue'
+import templateHead6 from '@/components/template/sector/head/1200x250/6.vue'
 import templateMenu from '@/components/template/sector/menu/1200x130/1.vue'
 import templateMenu5 from '@/components/template/sector/menu/1200x187/1.vue'
 import templateFoot from '@/components/template/sector/foot/1200x580/1.vue'