完成对第二套皮肤的通栏组件修改

完成对第二套皮肤的通栏组件修改

src/layout/components/template/pages/index/sector.vue

@@ -36,6 +36,18 @@
             </div>
             <div class="sectorItemTitle">焦点图</div>
         </div>
+        <div 
+            class="sectorItemBox" 
+            @click="addModule('linkSector', 26, linkSector)"
+            @drag="drag('linkSector', 26, linkSector)" 
+            @dragend="dragend('linkSector', 26, linkSector)"
+            v-if="this.$store.state.template.editWebsiteClass==2"
+        >
+            <div class="sectorItem">
+                <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250626/1750921543723236.jpg"/>
+            </div>
+            <div class="sectorItemTitle">外链面板</div>
+        </div>
         <div 
             class="sectorItemBox" 
             @click="addModule('manyPictureSector', 47, manyPictureSector)"
@@ -44,7 +56,7 @@
         >
             <div class="sectorItem">
                 <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250605/1749085058737998.jpg" v-if="this.$store.state.template.editWebsiteClass==1"/>
-                <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250625/1750820111536544.jpg" v-if="this.$store.state.template.editWebsiteClass==2"/>
+                <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250625/175082020060857.jpg" v-if="this.$store.state.template.editWebsiteClass==2"/>
             </div>
             <div class="sectorItemTitle">新闻图文组合1</div>
         </div>
@@ -55,7 +67,7 @@
             @dragend="dragend('commentSector', 47, commentSector)">
             <div class="sectorItem">
                 <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250606/1749170683104422.jpg" v-if="this.$store.state.template.editWebsiteClass==1"/>
-                <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250625/175082020060857.jpg" v-if="this.$store.state.template.editWebsiteClass==2"/>
+                <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250625/1750820111536544.jpg" v-if="this.$store.state.template.editWebsiteClass==2"/>
             </div>
             <div class="sectorItemTitle">新闻图文组合2</div>
         </div>
@@ -226,8 +238,8 @@ export default {
 
             //两列新闻组合模块1 start---------------------------------------->
             manyPictureSector: {
-                sectorName: "manyPictureSector",//板块名称
-                componentList: [
+                "sectorName": "manyPictureSector",//板块名称
+                "componentList": [
                     {
                         "component_type": 1,
                         "component_style": 1,
@@ -298,8 +310,8 @@ export default {
 
             //两列新闻组合模块2 end---------------------------------------->
             commentSector: {
-                sectorName: "commentSector",//板块名称
-                componentList: [
+                "sectorName": "commentSector",//板块名称
+                "componentList": [
                     {
                         "component_type": 1,
                         "component_style": 1,
@@ -370,8 +382,8 @@ export default {
 
             //两列新闻组合模块3 start---------------------------------------->
             listSector: {
-                sectorName: "listSector",//板块名称
-                componentList: [
+                "sectorName": "listSector",//板块名称
+                "componentList": [
                     {
                         "component_type": 1,
                         "component_style": 1,
@@ -520,8 +532,22 @@ export default {
                     "typeid": 2,//广告类型 - 2 图片
                     "ad_tag": ""//广告标识 - 网站标识 + 页面名称 + sort
                 }
-            }
+            },
             //带广告新闻组合 end---------------------------------------->
+
+            //外链面板 start---------------------------------------->
+            linkSector: {
+                "sectorName": "linkSector",
+                "componentList": [
+                    {
+                        "component_type": 3,
+                        "component_style": 1,
+                        "sort": 1,
+                        "componentData": {}
+                    }
+                ]
+            },
+            //添加通栏广告模块 start---------------------------------------->
         }
     },
     methods: {

src/styles/theme/body/index/headLine/style1.less

@@ -35,3 +35,80 @@
 }
 
 
+.headLineStyle1_skin2 {
+    border:1px solid #E4E4E4;
+    width: 1200px;
+    height: 140px;
+    box-sizing: border-box;
+    padding:32px 15px 32px 40px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    
+    .headLineContentBox {
+        width: 1000px;
+        height: 70px;
+        overflow: hidden;
+        position: relative;
+        
+        .headLineSlider {
+            display: flex;
+            flex-direction: column; // 改为垂直方向
+            width: 100%;
+            height: 210px; // 3个titleBox，每个70px高
+        }
+    }
+    
+    .headLineTitleBox {
+        text-align: center;
+        height: 70px; // 明确设置高度
+        width: 100%;
+        margin-bottom: 30px;
+        flex-shrink: 0; // 防止收缩
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        .headLineTop {
+            font-size: 30px;
+            color:#A91B33;
+            margin-bottom: 15px;
+            font-weight: bold;
+        }
+        .headLineBottom {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            div {
+                width: 32%;
+                margin-right: 30px;
+                font-size: 18px;
+                color:#333333;
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                &:last-child {
+                    margin-right: 0;
+                }
+            }
+        }
+    }
+    .headLineIcon {
+        div {
+            width: 10px;
+            height: 10px;
+            background: #EDEDED;
+            margin-bottom: 10px;
+            cursor: pointer;
+            transition: background 0.3s ease;
+            &:last-child {
+                margin-bottom: 0;
+            }
+            &.active {
+                background: #A91B33;
+            }
+            &:hover {
+                background: #A91B33;
+            }
+        }
+    }
+}

src/styles/theme/body/index/headLine/style2.less

@@ -32,4 +32,51 @@
             }
         }
     }
+}
+
+.headLineStyle2_skin2 {
+    border:1px solid #E4E4E4;
+    width: 1200px;
+    height: 140px;
+    box-sizing: border-box;
+    padding:32px 15px 32px 40px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    .headLineTitleBox {
+        text-align: center;
+        .headLineTop {
+            font-size: 30px;
+            color:#A91B33;
+            margin-bottom: 15px;
+            font-weight: bold;
+        }
+        .headLineBottom {
+            display: flex;
+            align-items: center;
+            div {
+                margin-right: 30px;
+                font-size: 18px;
+                color:#333333;
+                &:last-child {
+                    margin-right: 0;
+                }
+            }
+        }
+    }
+    .headLineIcon {
+        div {
+            width: 10px;
+            height: 10px;
+            background: #EDEDED;
+            margin-bottom: 10px;
+            cursor: pointer;
+            &:last-child {
+                margin-bottom: 0;
+            }
+            &.active {
+                background: #A91B33;
+            }
+        }
+    }
 }

src/views/template/page/pageIndex.vue

@@ -62,6 +62,10 @@
                         <div v-if="item.type == 'bannerSector'" class="moduleBox">
                             <bannerSector :dataSort="item.dataSort" :id="item.i" :y="item.y" />
                         </div>
+                        <!-- 4.外链面板 -->
+                        <div v-if="item.type == 'linkSector'" class="moduleBox">
+                            <linkSector :dataSort="item.dataSort" :id="item.i" :y="item.y" />
+                        </div>
                         <!-- 4.新闻多图组合1 -->
                         <div v-if="item.type == 'manyPictureSector'" class="moduleBox">
                             <manyPictureSector :dataSort="item.dataSort" :id="item.i" :y="item.y" />
@@ -120,6 +124,8 @@ import commentSector from '../style/sector/body/index/list/1200x470/2.vue';
 import listSector from '../style/sector/body/index/list/1200x980/1.vue';
 //带广告图文组合
 import onlyImgSector from '../style/sector/body/index/list/1200x480/1.vue';
+//外链面板
+import linkSector from '../style/sector/body/index/link/1200x230/1.vue';
 //2.引入自助建站组件 end------------------------------------------------------------>
 
 
@@ -135,6 +141,7 @@ export default {
         manyPictureSector,//新闻图文组合1
         commentSector,//新闻图文组合2
         listSector,//新闻图文组合3
+        linkSector,//外链面板
         onlyImgSector,
         footerSector
     },

src/views/template/public/componentWindow.vue

@@ -677,25 +677,25 @@
                 <div v-if="this.$store.state.template.editComponentType == 11 && this.$store.state.template.editWebsiteClass == 2" class="componentScrollBoxStyle2">
                     <div class="componentScrollbigBog">
                         <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 1 ? 'active' : '']" @click="selectUseStyleNumber(1)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250609/1749451127220319.jpg"/>
+                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250625/1750839094199784.jpg"/>
                             <div class="componentScrollBoxItemTitle">左侧图片新闻在上，右侧广告在下，加粗标题</div>
                         </div>
                     </div>
                     <div class="componentScrollbigBog">
                         <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 2 ? 'active' : '']" @click="selectUseStyleNumber(2)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250609/1749453960887626.jpg"/>
+                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250625/1750839116948230.jpg"/>
                             <div class="componentScrollBoxItemTitle">左侧图片新闻在下，右侧广告在下，加粗标题</div>
                         </div>
                     </div>
                     <div class="componentScrollbigBog">
                         <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 3 ? 'active' : '']" @click="selectUseStyleNumber(3)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250609/1749453969223756.jpg"/>
+                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250625/1750839123605971.jpg"/>
                             <div class="componentScrollBoxItemTitle">左侧图片新闻在下，右侧广告在上，加粗标题</div>
                         </div>
                     </div>
                     <div class="componentScrollbigBog">
                         <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 4 ? 'active' : '']" @click="selectUseStyleNumber(4)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250609/174945397556612.jpg"/>
+                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250625/1750839130491654.jpg"/>
                             <div class="componentScrollBoxItemTitle">左侧图片新闻在上，右侧广告在下，不加粗</div>
                         </div>
                     </div>
@@ -747,28 +747,16 @@
                 <div v-if="this.$store.state.template.editComponentType == 12 && this.$store.state.template.editWebsiteClass == 2" class="componentScrollBoxStyle1">
                     <div class="componentScrollbigBog">
                         <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 1 ? 'active' : '']" @click="selectUseStyleNumber(1)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250625/1750840051832773.jpg"/>
+                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250626/1750915171966815.jpg"/>
                             <div class="componentScrollBoxItemTitle">底部分割线，选中高亮</div>
                         </div>
                     </div>
                     <div class="componentScrollbigBog">
                         <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 2 ? 'active' : '']" @click="selectUseStyleNumber(2)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250625/1750840069788236.jpg"/>
+                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250626/1750915202120258.jpg"/>
                             <div class="componentScrollBoxItemTitle">选中加亮不带分割线</div>
                         </div>
                     </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 3 ? 'active' : '']" @click="selectUseStyleNumber(3)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250625/175084007596622.jpg"/>
-                            <div class="componentScrollBoxItemTitle">底部分割线，选中加底部横线</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 4 ? 'active' : '']" @click="selectUseStyleNumber(4)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250625/1750840086585497.jpg"/>
-                            <div class="componentScrollBoxItemTitle">选中加底部横线，不带分割线</div>
-                        </div>
-                    </div>
                 </div>
                 <!--12.频道菜单 end---------------------------------------->
 
@@ -798,28 +786,17 @@
                 <div v-if="this.$store.state.template.editComponentType == 13 && this.$store.state.template.editWebsiteClass == 2" class="componentScrollBoxStyle1">
                     <div class="componentScrollbigBog">
                         <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 1 ? 'active' : '']" @click="selectUseStyleNumber(1)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250625/1750840640974335.jpg"/>
+                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250625/1750840674639304.jpg"/>
                             <div class="componentScrollBoxItemTitle">首行不加粗</div>
                         </div>
                     </div>
                     <div class="componentScrollbigBog">
                         <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 2 ? 'active' : '']" @click="selectUseStyleNumber(2)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250625/1750840674639304.jpg"/>
-                            <div class="componentScrollBoxItemTitle">列表带前缀</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 3 ? 'active' : '']" @click="selectUseStyleNumber(3)">
                             <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250625/1750840681143856.jpg"/>
-                            <div class="componentScrollBoxItemTitle">首行黑色加粗，列表带前缀</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 3 ? 'active' : '']" @click="selectUseStyleNumber(3)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250625/1750840690320549.jpg"/>
-                            <div class="componentScrollBoxItemTitle">首行主题色加粗，列表带前缀</div>
+                            <div class="componentScrollBoxItemTitle">列表带前缀</div>
                         </div>
                     </div>
+                   
                 </div>
                 <!--13.滚动图文组合 end---------------------------------------->
 

src/views/template/style/components/banner/list/1.vue

@@ -1,15 +1,29 @@
 <template>
-    <div class="BannerListBoxStyle1">
-        <div>贵州大方县发生山体滑坡救援处置各项工作正在...</div>
-        <div>神舟二十号航天员乘组圆满完成第一次出舱活动</div>
-        <div>2025届济南市大学生毕业典礼举行 以城之名许“此城...</div>
-        <div>支持小微企业融资 国家金融监管总局等八部门联合发文</div>
-        <div>自然资源部对安徽湖北重庆启动地质灾害防御Ⅳ级响应</div>
-        <div>2025年1-4月职工医保个人账户共济人次1.33亿</div>
-        <div>多家平台调整“仅退款”规则，消费者权益会受影响吗？</div>
-        <div>中东欧国家博览会暨国际消费品博览会开幕式并致辞</div>
-        <div>减重如此艰难？那些年胖过的自己，为何还在影响现在...</div>
-        <div>中国团队研发出非接触式房颤检测系统 助心律失常早发...</div>
+    <div>
+        <div class="BannerListBoxStyle1" v-if="this.$store.state.template.editWebsiteClass==1">
+            <div>贵州大方县发生山体滑坡救援处置各项工作正在...</div>
+            <div>神舟二十号航天员乘组圆满完成第一次出舱活动</div>
+            <div>2025届济南市大学生毕业典礼举行 以城之名许“此城...</div>
+            <div>支持小微企业融资 国家金融监管总局等八部门联合发文</div>
+            <div>自然资源部对安徽湖北重庆启动地质灾害防御Ⅳ级响应</div>
+            <div>2025年1-4月职工医保个人账户共济人次1.33亿</div>
+            <div>多家平台调整“仅退款”规则，消费者权益会受影响吗？</div>
+            <div>中东欧国家博览会暨国际消费品博览会开幕式并致辞</div>
+            <div>减重如此艰难？那些年胖过的自己，为何还在影响现在...</div>
+            <div>中国团队研发出非接触式房颤检测系统 助心律失常早发...</div>
+        </div>
+        <div class="BannerListBoxStyle1_skin2" v-if="this.$store.state.template.editWebsiteClass==2">
+            <div>贵州大方县发生山体滑坡救援处置各项工作正在...</div>
+            <div>神舟二十号航天员乘组圆满完成第一次出舱活动</div>
+            <div>2025届济南市大学生毕业典礼举行 以城之名许“此城...</div>
+            <div>支持小微企业融资 国家金融监管总局等八部门联合发文</div>
+            <div>自然资源部对安徽湖北重庆启动地质灾害防御Ⅳ级响应</div>
+            <div>2025年1-4月职工医保个人账户共济人次1.33亿</div>
+            <div>多家平台调整“仅退款”规则，消费者权益会受影响吗？</div>
+            <div>中东欧国家博览会暨国际消费品博览会开幕式并致辞</div>
+            <div>减重如此艰难？那些年胖过的自己，为何还在影响现在...</div>
+            <div>中国团队研发出非接触式房颤检测系统 助心律失常早发...</div>
+        </div>
     </div>
 </template>
 
@@ -53,5 +67,25 @@ export default {
             }
         }
     }
+    .BannerListBoxStyle1_skin2 {
+        div {
+            cursor: pointer;
+            font-size:18px;
+            color: #333;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            height:26px;
+            line-height: 26px;
+            margin-bottom: 16px;
+            &:nth-child(1),&:nth-child(6){
+                color: #A91B33;
+                font-weight: bold;
+            }
+            &:last-child {
+                margin-bottom: 0;
+            }
+        }
+    }
 </style>
 

src/views/template/style/components/banner/list/2.vue

@@ -1,15 +1,29 @@
 <template>
-    <div class="BannerListBoxStyle1">
-        <div>贵州大方县发生山体滑坡救援处置各项工作正在...</div>
-        <div>神舟二十号航天员乘组圆满完成第一次出舱活动</div>
-        <div>2025届济南市大学生毕业典礼举行 以城之名许“此城...</div>
-        <div>支持小微企业融资 国家金融监管总局等八部门联合发文</div>
-        <div>自然资源部对安徽湖北重庆启动地质灾害防御Ⅳ级响应</div>
-        <div>2025年1-4月职工医保个人账户共济人次1.33亿</div>
-        <div>多家平台调整“仅退款”规则，消费者权益会受影响吗？</div>
-        <div>中东欧国家博览会暨国际消费品博览会开幕式并致辞</div>
-        <div>减重如此艰难？那些年胖过的自己，为何还在影响现在...</div>
-        <div>中国团队研发出非接触式房颤检测系统 助心律失常早发...</div>
+    <div>
+        <div class="BannerListBoxStyle1" v-if="this.$store.state.template.editWebsiteClass==1">
+            <div>贵州大方县发生山体滑坡救援处置各项工作正在...</div>
+            <div>神舟二十号航天员乘组圆满完成第一次出舱活动</div>
+            <div>2025届济南市大学生毕业典礼举行 以城之名许“此城...</div>
+            <div>支持小微企业融资 国家金融监管总局等八部门联合发文</div>
+            <div>自然资源部对安徽湖北重庆启动地质灾害防御Ⅳ级响应</div>
+            <div>2025年1-4月职工医保个人账户共济人次1.33亿</div>
+            <div>多家平台调整“仅退款”规则，消费者权益会受影响吗？</div>
+            <div>中东欧国家博览会暨国际消费品博览会开幕式并致辞</div>
+            <div>减重如此艰难？那些年胖过的自己，为何还在影响现在...</div>
+            <div>中国团队研发出非接触式房颤检测系统 助心律失常早发...</div>
+        </div>
+        <div class="BannerListBoxStyle1" v-if="this.$store.state.template.editWebsiteClass==2">
+            <div>贵州大方县发生山体滑坡救援处置各项工作正在...</div>
+            <div>神舟二十号航天员乘组圆满完成第一次出舱活动</div>
+            <div>2025届济南市大学生毕业典礼举行 以城之名许“此城...</div>
+            <div>支持小微企业融资 国家金融监管总局等八部门联合发文</div>
+            <div>自然资源部对安徽湖北重庆启动地质灾害防御Ⅳ级响应</div>
+            <div>2025年1-4月职工医保个人账户共济人次1.33亿</div>
+            <div>多家平台调整“仅退款”规则，消费者权益会受影响吗？</div>
+            <div>中东欧国家博览会暨国际消费品博览会开幕式并致辞</div>
+            <div>减重如此艰难？那些年胖过的自己，为何还在影响现在...</div>
+            <div>中国团队研发出非接触式房颤检测系统 助心律失常早发...</div>
+        </div>
     </div>
 </template>
 

src/views/template/style/components/headLine/1.vue

@@ -1,6 +1,6 @@
 <template>
     <div>
-        <div class="headLineStyle1">
+        <div class="headLineStyle1" v-if="this.$store.state.template.editWebsiteClass==1">
             <div class="headLineTitle">
                 <img src="http://img.bjzxtw.org.cn/pre/image/png/20250603/1748932387576488.png"/>
                 深入推进周边命运共同体建设 以人工智能引领科研范式变革
@@ -11,6 +11,50 @@
                 <div>抢抓人工智能发展的历史性机遇</div>
             </div>
         </div>
+        <div class="headLineStyle1_skin2" v-if="this.$store.state.template.editWebsiteClass==2">
+            <div class="headTip">
+                <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250626/1750901450165042.jpg">
+            </div>
+            <div class="headLineContentBox" ref="contentBox">
+                <div class="headLineSlider" :style="sliderStyle">
+                    <div class="headLineTitleBox">
+                        <div class="headLineTop">
+                            深入推进周边命运共同体建设 以人工智能引领科研范式变革
+                        </div>
+                        <div class="headLineBottom">
+                            <div>深刻理解新形势下中国周边工作的理念与行动</div>
+                            <div>构建周边命运共同体 携手开创亚洲新未来</div>
+                            <div>抢抓人工智能发展的历史性机遇</div>
+                        </div>
+                    </div>
+                    <div class="headLineTitleBox">
+                        <div class="headLineTop">
+                            民航局：禁止旅客携带无3C标识及被召回的充电宝乘坐境内航班
+                        </div>
+                        <div class="headLineBottom">
+                            <div>深刻理解新形势下中国周边工作的理念与行动</div>
+                            <div>构建周边命运共同体 携手开创亚洲新未来</div>
+                            <div>抢抓人工智能发展的历史性机遇</div>
+                        </div>
+                    </div>
+                    <div class="headLineTitleBox">
+                        <div class="headLineTop">
+                            吴奇隆刘诗诗一家三口同框 共同带孩子回家破婚变传闻
+                        </div>
+                        <div class="headLineBottom">
+                            <div>深刻理解新形势下中国周边工作的理念与行动</div>
+                            <div>构建周边命运共同体 携手开创亚洲新未来</div>
+                            <div>抢抓人工智能发展的历史性机遇</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="headLineIcon">
+                <div @mouseover="setActive(0)" :class="{active: activeIndex === 0}"></div>
+                <div @mouseover="setActive(1)" :class="{active: activeIndex === 1}"></div>
+                <div @mouseover="setActive(2)" :class="{active: activeIndex === 2}"></div>
+            </div>
+        </div>
     </div>
 </template>
 
@@ -22,11 +66,23 @@ export default {
     },
     data() {
         return {
-        
+            activeIndex: 0,
         };
     },
+    computed: {
+        sliderStyle() {
+            // 每个headLineTitleBox的高度是70px + 间距30px = 100px
+            const translateY = -(this.activeIndex * 100);
+            return {
+                transform: `translateY(${translateY}px)`,
+                transition: 'transform 0.3s ease-in-out'
+            };
+        }
+    },
     methods: {
-        
+        setActive(index) {
+            this.activeIndex = index;
+        }
     },
     mounted() {
 

src/views/template/style/components/headLine/2.vue

@@ -1,6 +1,6 @@
 <template>
     <div>
-        <div class="headLineStyle2">
+        <div class="headLineStyle2" v-if="this.$store.state.template.editWebsiteClass==1">
             <div class="headLineTitle">
                 <img src="http://img.bjzxtw.org.cn/pre/image/png/20250603/1748932387576488.png"/>
                 深入推进周边命运共同体建设 以人工智能引领科研范式变革
@@ -10,6 +10,25 @@
                 <div>构建周边命运共同体 携手开创亚洲新未来</div>
             </div>
         </div>
+        <div class="headLineStyle2_skin2" v-if="this.$store.state.template.editWebsiteClass==2">
+            <div class="headTip">
+                <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250626/1750901450165042.jpg">
+            </div>
+            <div class="headLineTitleBox">
+                <div class="headLineTop">
+                    深入推进周边命运共同体建设 以人工智能引领科研范式变革
+                </div>
+                <div class="headLineBottom">
+                    <div>深刻理解新形势下中国周边工作的理念与行动</div>
+                    <div>构建周边命运共同体 携手开创亚洲新未来</div>
+                </div>
+            </div>
+            <div class="headLineIcon">
+                <div @mouseover="setActive(0)" :class="{active: activeIndex === 0}"></div>
+                <div @mouseover="setActive(1)" :class="{active: activeIndex === 1}"></div>
+                <div @mouseover="setActive(2)" :class="{active: activeIndex === 2}"></div>
+            </div>
+        </div>
     </div>
 </template>
 
@@ -21,11 +40,13 @@ export default {
     },
     data() {
         return {
-        
+            activeIndex: 0,
         };
     },
     methods: {
-        
+        setActive(index) {
+            this.activeIndex = index;
+        }
     },
     mounted() {
 

src/views/template/style/components/list/1200x410/1.vue

@@ -14,10 +14,24 @@
             </el-carousel>
         </div>
         <div class="scrollTextSectorRight">
-            <div class="listNewsTitle">
+            <div class="listNewsTitle" v-if="this.$store.state.template.editWebsiteClass==1">
                 {{name}}
             </div>
-            <div class="scrollTextSectorList">
+            <div class="listNewsTitle_skin2" v-if="this.$store.state.template.editWebsiteClass==2">
+                <span>{{name}}</span>
+            </div>
+            <div class="scrollTextSectorList" v-if="this.$store.state.template.editWebsiteClass==1">
+                <div><span>[国际贸易]</span>神舟二十号航天员乘组圆满完成第一次出...</div>
+                <div><span>[国际贸易]</span>2025届济南市大学生毕业典礼举行以环保...</div>
+                <div><span>[国际贸易]</span>支持小微企业融资 国家金融监管总局发布...</div>
+                <div><span>[国际贸易]</span>自然资源部对安徽湖北重庆启动地质勘探...</div>
+                <div><span>[国际贸易]</span>多家平台调整“仅退款”规则，消费者享...</div>
+                <div><span>[国际贸易]</span>中东欧国家博览会暨国际消费品博览会如...</div>
+                <div><span>[国际贸易]</span>减重如此艰难？那些年胖过的自己，今年...</div>
+                <div><span>[国际贸易]</span>中国团队研发出非接触式房颤检测系统将...</div>
+                <div><span>[国际贸易]</span>抗日老兵滕西远13岁投身抗战，受过大小...</div>
+            </div>
+            <div class="scrollTextSectorList_skin2" v-if="this.$store.state.template.editWebsiteClass==2">
                 <div><span>[国际贸易]</span>神舟二十号航天员乘组圆满完成第一次出...</div>
                 <div><span>[国际贸易]</span>2025届济南市大学生毕业典礼举行以环保...</div>
                 <div><span>[国际贸易]</span>支持小微企业融资 国家金融监管总局发布...</div>
@@ -126,6 +140,23 @@ export default {
                 margin-bottom: 20px;
                 box-sizing: border-box;
             }
+            .listNewsTitle_skin2 {
+                font-size:22px;
+                font-weight:bold;
+                height: 40px;
+                line-height: 40px;
+                border-bottom: 2px solid #A91B33;
+                color:#A91B33;
+                margin-bottom: 20px;
+                box-sizing: border-box;
+                span {
+                    color:#A91B33;
+                    height: 30px;
+                    line-height: 30px;
+                    border-left: 3px solid #A91B33;
+                    padding-left: 12px;
+                }
+            }
             .scrollTextSectorList {
                 div{
                     font-size: 18px;
@@ -137,6 +168,25 @@ export default {
                     text-overflow: ellipsis;
                     span {
                         margin-right: 5px;
+                        color:#004564;
+                    }
+                    &:last-child {
+                        margin-bottom: 0;
+                    }
+                }
+            }
+            .scrollTextSectorList_skin2 {
+                div{
+                    font-size: 18px;
+                    height: 24px;
+                    line-height: 24px;
+                    margin-bottom: 16px;
+                    overflow: hidden;
+                    white-space: nowrap;
+                    text-overflow: ellipsis;
+                    span {
+                        margin-right: 5px;
+                        color:#A91B33;
                     }
                     &:last-child {
                         margin-bottom: 0;

src/views/template/style/components/list/1200x410/2.vue

@@ -14,11 +14,25 @@
             </el-carousel>
         </div>
         <div class="scrollTextSectorRight">
-            <div class="listNewsTitle">
+            <div class="listNewsTitle" v-if="this.$store.state.template.editWebsiteClass==1">
                 {{name}}
             </div>
-            <div class="scrollTextSectorList">
-                <div><span>[国际贸易]</span>贵州大方县发生山体滑坡救援处置各项工作正在...</div>
+            <div class="listNewsTitle_skin2" v-if="this.$store.state.template.editWebsiteClass==2">
+                <span>{{name}}</span>
+            </div>
+            <div class="scrollTextSectorList" v-if="this.$store.state.template.editWebsiteClass==1">
+                <div>贵州大方县发生山体滑坡救援处置各项工作正在...</div>
+                <div><span>[国际贸易]</span>2025届济南市大学生毕业典礼举行以环保...</div>
+                <div><span>[国际贸易]</span>支持小微企业融资 国家金融监管总局发布...</div>
+                <div><span>[国际贸易]</span>自然资源部对安徽湖北重庆启动地质勘探...</div>
+                <div><span>[国际贸易]</span>多家平台调整“仅退款”规则，消费者享...</div>
+                <div><span>[国际贸易]</span>中东欧国家博览会暨国际消费品博览会如...</div>
+                <div><span>[国际贸易]</span>减重如此艰难？那些年胖过的自己，今年...</div>
+                <div><span>[国际贸易]</span>中国团队研发出非接触式房颤检测系统将...</div>
+                <div><span>[国际贸易]</span>抗日老兵滕西远13岁投身抗战，受过大小...</div>
+            </div>
+            <div class="scrollTextSectorList_skin2" v-if="this.$store.state.template.editWebsiteClass==2">
+                <div>贵州大方县发生山体滑坡救援处置各项工作正在...</div>
                 <div><span>[国际贸易]</span>2025届济南市大学生毕业典礼举行以环保...</div>
                 <div><span>[国际贸易]</span>支持小微企业融资 国家金融监管总局发布...</div>
                 <div><span>[国际贸易]</span>自然资源部对安徽湖北重庆启动地质勘探...</div>
@@ -126,6 +140,23 @@ export default {
                 margin-bottom: 20px;
                 box-sizing: border-box;
             }
+            .listNewsTitle_skin2 {
+                font-size:22px;
+                font-weight:bold;
+                height: 40px;
+                line-height: 40px;
+                border-bottom: 2px solid #A91B33;
+                color:#A91B33;
+                margin-bottom: 20px;
+                box-sizing: border-box;
+                span {
+                    color:#A91B33;
+                    height: 30px;
+                    line-height: 30px;
+                    border-left: 3px solid #A91B33;
+                    padding-left: 12px;
+                }
+            }
             .scrollTextSectorList {
                 div{
                     font-size: 18px;
@@ -138,6 +169,32 @@ export default {
                     color: #333333;
                     span {
                         margin-right: 5px;
+                        color:#004564;
+                    }
+                    &:last-child {
+                        margin-bottom: 0;
+                    }
+                    &:first-child {
+                        span{
+                            display: none;
+                        }
+                        font-weight: bold;
+                    }
+                }
+            }
+            .scrollTextSectorList_skin2 {
+                div{
+                    font-size: 18px;
+                    height: 24px;
+                    line-height: 24px;
+                    margin-bottom: 16px;
+                    overflow: hidden;
+                    white-space: nowrap;
+                    text-overflow: ellipsis;
+                    color: #333333;
+                    span {
+                        margin-right: 5px;
+                        color:#A91B33;
                     }
                     &:last-child {
                         margin-bottom: 0;

src/views/template/style/components/list/1200x480/1.vue

@@ -1,8 +1,11 @@
 <template>
     <div class="listNewsBox">
-        <div class="listNewsTitle">
+        <div class="listNewsTitle" v-if="this.$store.state.template.editWebsiteClass==1">
             {{name}}
         </div>
+        <div class="listNewsTitle_skin2" v-if="this.$store.state.template.editWebsiteClass==2">
+            <span>{{name}}</span>
+        </div>
         <div class="listNewsContent">
             <div class="listNewsContentLeft">
                 <div class="listNewsImgNewsBox">
@@ -21,28 +24,44 @@
                 </div>
                 <div class="listNewsImgNewsUl">
                    <div class="listNewsImgNewsLi">
-                        <div class="listNewsImgNewsMark">
+                        <div class="listNewsImgNewsMark" v-if="this.$store.state.template.editWebsiteClass==1">
+                            <div>重 点</div>
+                            <div>关 注</div>
+                        </div>
+                        <div class="listNewsImgNewsMark_skin2" v-if="this.$store.state.template.editWebsiteClass==2">
                             <div>重 点</div>
                             <div>关 注</div>
                         </div>
                         <div class="listNewsImgNewsTitle">四部门发布《2025年数字乡村发展工作要点》 加快推进智慧农业发展</div>
                    </div>
                    <div class="listNewsImgNewsLi">
-                        <div class="listNewsImgNewsMark">
+                        <div class="listNewsImgNewsMark" v-if="this.$store.state.template.editWebsiteClass==1">
+                            <div>重 点</div>
+                            <div>关 注</div>
+                        </div>
+                        <div class="listNewsImgNewsMark_skin2" v-if="this.$store.state.template.editWebsiteClass==2">
                             <div>重 点</div>
                             <div>关 注</div>
                         </div>
                         <div class="listNewsImgNewsTitle">外贸规模创历史同期新高 中国—中东欧国家合作跑出“加速度”</div>
                    </div>
                    <div class="listNewsImgNewsLi">
-                        <div class="listNewsImgNewsMark">
+                        <div class="listNewsImgNewsMark" v-if="this.$store.state.template.editWebsiteClass==1">
+                            <div>重 点</div>
+                            <div>关 注</div>
+                        </div>
+                        <div class="listNewsImgNewsMark_skin2" v-if="this.$store.state.template.editWebsiteClass==2">
                             <div>重 点</div>
                             <div>关 注</div>
                         </div>
                         <div class="listNewsImgNewsTitle">外贸规模创历史同期新高 中国—中东欧国家合作跑出“加速度”</div>
                    </div>
                    <div class="listNewsImgNewsLi">
-                        <div class="listNewsImgNewsMark">
+                        <div class="listNewsImgNewsMark" v-if="this.$store.state.template.editWebsiteClass==1">
+                            <div>重 点</div>
+                            <div>关 注</div>
+                        </div>
+                        <div class="listNewsImgNewsMark_skin2" v-if="this.$store.state.template.editWebsiteClass==2">
                             <div>重 点</div>
                             <div>关 注</div>
                         </div>
@@ -127,6 +146,23 @@ export default {
             margin-bottom: 20px;
             box-sizing: border-box;
         }
+        .listNewsTitle_skin2 {
+            font-size:22px;
+            font-weight:bold;
+            height: 40px;
+            line-height: 40px;
+            border-bottom: 2px solid #A91B33;
+            color:#A91B33;
+            margin-bottom: 20px;
+            box-sizing: border-box;
+            span {
+                color:#A91B33;
+                height: 30px;
+                line-height: 30px;
+                border-left: 3px solid #A91B33;
+                padding-left: 12px;
+            }
+        }
         .listNewsContent {
             display: flex;
             align-items: flex-start;
@@ -184,6 +220,23 @@ export default {
                                 }
                             }
                         }
+                        .listNewsImgNewsMark_skin2 {
+                            background: #A91B33;
+                            color: #fff;
+                            width: 50px;
+                            height: 62px;
+                            box-sizing: border-box;
+                            padding: 15px 10px;
+                            font-size: 12px;
+                            font-weight: bold;
+                            margin-right: 10px;
+                            div {
+                                margin-bottom: 5px;
+                                &:last-child {
+                                    margin-bottom: 0;
+                                }
+                            }
+                        }
                         .listNewsImgNewsTitle {
                             flex:1;
                             color:#333;

src/views/template/style/components/list/1200x480/2.vue

@@ -1,34 +1,53 @@
 <template>
     <div class="listNewsBox">
-        <div class="listNewsTitle">
+        <div class="listNewsTitle" v-if="this.$store.state.template.editWebsiteClass==1">
             {{name}}
         </div>
+        <div class="listNewsTitle_skin2" v-if="this.$store.state.template.editWebsiteClass==2">
+            <span>{{name}}</span>
+        </div>
         <div class="listNewsContent">
             <div class="listNewsContentLeft">
                 <div class="listNewsImgNewsUl">
                    <div class="listNewsImgNewsLi">
-                        <div class="listNewsImgNewsMark">
+                        <div class="listNewsImgNewsMark" v-if="this.$store.state.template.editWebsiteClass==1">
+                            <div>重 点</div>
+                            <div>关 注</div>
+                        </div>
+                        <div class="listNewsImgNewsMark_skin2" v-if="this.$store.state.template.editWebsiteClass==2">
                             <div>重 点</div>
                             <div>关 注</div>
                         </div>
                         <div class="listNewsImgNewsTitle">四部门发布《2025年数字乡村发展工作要点》 加快推进智慧农业发展</div>
                    </div>
                    <div class="listNewsImgNewsLi">
-                        <div class="listNewsImgNewsMark">
+                        <div class="listNewsImgNewsMark" v-if="this.$store.state.template.editWebsiteClass==1">
+                            <div>重 点</div>
+                            <div>关 注</div>
+                        </div>
+                        <div class="listNewsImgNewsMark_skin2" v-if="this.$store.state.template.editWebsiteClass==2">
                             <div>重 点</div>
                             <div>关 注</div>
                         </div>
                         <div class="listNewsImgNewsTitle">外贸规模创历史同期新高 中国—中东欧国家合作跑出“加速度”</div>
                    </div>
                    <div class="listNewsImgNewsLi">
-                        <div class="listNewsImgNewsMark">
+                        <div class="listNewsImgNewsMark" v-if="this.$store.state.template.editWebsiteClass==1">
+                            <div>重 点</div>
+                            <div>关 注</div>
+                        </div>
+                        <div class="listNewsImgNewsMark_skin2" v-if="this.$store.state.template.editWebsiteClass==2">
                             <div>重 点</div>
                             <div>关 注</div>
                         </div>
                         <div class="listNewsImgNewsTitle">外贸规模创历史同期新高 中国—中东欧国家合作跑出“加速度”</div>
                    </div>
                    <div class="listNewsImgNewsLi">
-                        <div class="listNewsImgNewsMark">
+                        <div class="listNewsImgNewsMark" v-if="this.$store.state.template.editWebsiteClass==1">
+                            <div>重 点</div>
+                            <div>关 注</div>
+                        </div>
+                        <div class="listNewsImgNewsMark_skin2" v-if="this.$store.state.template.editWebsiteClass==2">
                             <div>重 点</div>
                             <div>关 注</div>
                         </div>
@@ -127,6 +146,23 @@ export default {
             margin-bottom: 20px;
             box-sizing: border-box;
         }
+        .listNewsTitle_skin2 {
+            font-size:22px;
+            font-weight:bold;
+            height: 40px;
+            line-height: 40px;
+            border-bottom: 2px solid #A91B33;
+            color:#A91B33;
+            margin-bottom: 20px;
+            box-sizing: border-box;
+            span {
+                color:#A91B33;
+                height: 30px;
+                line-height: 30px;
+                border-left: 3px solid #A91B33;
+                padding-left: 12px;
+            }
+        }
         .listNewsContent {
             display: flex;
             align-items: flex-start;
@@ -184,6 +220,23 @@ export default {
                                 }
                             }
                         }
+                        .listNewsImgNewsMark_skin2 {
+                            background: #A91B33;
+                            color: #fff;
+                            width: 50px;
+                            height: 62px;
+                            box-sizing: border-box;
+                            padding: 15px 10px;
+                            font-size: 12px;
+                            font-weight: bold;
+                            margin-right: 10px;
+                            div {
+                                margin-bottom: 5px;
+                                &:last-child {
+                                    margin-bottom: 0;
+                                }
+                            }
+                        }
                         .listNewsImgNewsTitle {
                             flex:1;
                             color:#333;

src/views/template/style/components/list/270x450/1.vue

@@ -1,8 +1,11 @@
 <template>
     <div class="newsBox">
-        <div class="listNewsTitle">
+        <div class="listNewsTitle" v-if="this.$store.state.template.editWebsiteClass==1">
             {{name}}
         </div>
+        <div class="listNewsTitle_skin2" v-if="this.$store.state.template.editWebsiteClass==2">
+            <span>{{name}}</span>
+        </div>
         <div class="newsContent">
             <div class="newsContentImg">
                 <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250623/1750664164344132.jpg">
@@ -54,6 +57,23 @@ export default {
             margin-bottom: 20px;
             box-sizing: border-box;
         }
+        .listNewsTitle_skin2 {
+            font-size:22px;
+            font-weight:bold;
+            height: 40px;
+            line-height: 40px;
+            border-bottom: 2px solid #A91B33;
+            color:#A91B33;
+            margin-bottom: 20px;
+            box-sizing: border-box;
+            span {
+                color:#A91B33;
+                height: 30px;
+                line-height: 30px;
+                border-left: 3px solid #A91B33;
+                padding-left: 12px;
+            }
+        }
         .newsContent {
             .newsContentImg {
                 display: flex;

src/views/template/style/components/list/270x450/2.vue

@@ -1,8 +1,11 @@
 <template>
     <div class="newsBox">
-        <div class="listNewsTitle">
+        <div class="listNewsTitle" v-if="this.$store.state.template.editWebsiteClass==1">
             {{name}}
         </div>
+        <div class="listNewsTitle_skin2" v-if="this.$store.state.template.editWebsiteClass==2">
+            <span>{{name}}</span>
+        </div>
         <div class="newsContent">
             <div class="newsContentImg">
                 <div>外卖平台争相缴纳社保背后的偶然与必然</div>
@@ -54,6 +57,23 @@ export default {
             margin-bottom: 20px;
             box-sizing: border-box;
         }
+        .listNewsTitle_skin2 {
+            font-size:22px;
+            font-weight:bold;
+            height: 40px;
+            line-height: 40px;
+            border-bottom: 2px solid #A91B33;
+            color:#A91B33;
+            margin-bottom: 20px;
+            box-sizing: border-box;
+            span {
+                color:#A91B33;
+                height: 30px;
+                line-height: 30px;
+                border-left: 3px solid #A91B33;
+                padding-left: 12px;
+            }
+        }
         .newsContent {
             .newsContentImg {
                 display: flex;

src/views/template/style/components/list/270x580/1.vue

@@ -1,9 +1,22 @@
 <template>
     <div class="hotNewsBox">
-        <div class="listNewsTitle">
+        <div class="listNewsTitle" v-if="this.$store.state.template.editWebsiteClass==1">
             {{name}}
         </div>
-        <div class="hotNewsContent">
+        <div class="listNewsTitle_skin2" v-if="this.$store.state.template.editWebsiteClass==2">
+            <span>{{name}}</span>
+        </div>
+        <div class="hotNewsContent" v-if="this.$store.state.template.editWebsiteClass==1">
+            <div><span>1</span>提前锁定女单冠军！乒乓球亚...</div>
+            <div><span>2</span>特朗普：与普京就结束俄乌冲...</div>
+            <div><span>3</span>退役≠报废 新能源车旧动力可...</div>
+            <div><span>4</span>欧洲多国领导人密集表态：俄...</div>
+            <div><span>5</span>加拿大承诺用俄罗斯被扣押资...</div>
+            <div><span>6</span>美对我海事、物流等领域拟议...</div>
+            <div><span>7</span>中国代表：中方支持一切致力...</div>
+            <div><span>8</span>中国峒中-越南横模口岸旅检...</div>
+        </div>
+        <div class="hotNewsContent_skin2" v-if="this.$store.state.template.editWebsiteClass==2">
             <div><span>1</span>提前锁定女单冠军！乒乓球亚...</div>
             <div><span>2</span>特朗普：与普京就结束俄乌冲...</div>
             <div><span>3</span>退役≠报废 新能源车旧动力可...</div>
@@ -50,6 +63,23 @@ export default {
             margin-bottom: 20px;
             box-sizing: border-box;
         }
+        .listNewsTitle_skin2 {
+            font-size:22px;
+            font-weight:bold;
+            height: 40px;
+            line-height: 40px;
+            border-bottom: 2px solid #A91B33;
+            color:#A91B33;
+            margin-bottom: 20px;
+            box-sizing: border-box;
+            span {
+                color:#A91B33;
+                height: 30px;
+                line-height: 30px;
+                border-left: 3px solid #A91B33;
+                padding-left: 12px;
+            }
+        }
         .hotNewsContent {
             font-size:18px;
             color:#333333;
@@ -76,6 +106,32 @@ export default {
                 }
             }
         }
+        .hotNewsContent_skin2 {
+            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;
+                }
+                &:nth-child(1) span,
+                &:nth-child(2) span,
+                &:nth-child(3) span {
+                    color: #A91B33;
+                }
+                &:nth-child(n+4) span {
+                    color: #D9D9D9;
+                }
+            }
+        }
     }
 </style>
 

src/views/template/style/components/list/270x580/2.vue

@@ -1,9 +1,22 @@
 <template>
     <div class="hotNewsBox">
-        <div class="listNewsTitle">
+        <div class="listNewsTitle" v-if="this.$store.state.template.editWebsiteClass==1">
             {{name}}
         </div>
-        <div class="hotNewsContent">
+        <div class="listNewsTitle_skin2" v-if="this.$store.state.template.editWebsiteClass==2">
+            <span>{{name}}</span>
+        </div>
+        <div class="hotNewsContent" v-if="this.$store.state.template.editWebsiteClass==1">
+            <div><span>1</span>提前锁定女单冠军！乒乓球亚...</div>
+            <div><span>2</span>特朗普：与普京就结束俄乌冲...</div>
+            <div><span>3</span>退役≠报废 新能源车旧动力可...</div>
+            <div><span>4</span>欧洲多国领导人密集表态：俄...</div>
+            <div><span>5</span>加拿大承诺用俄罗斯被扣押资...</div>
+            <div><span>6</span>美对我海事、物流等领域拟议...</div>
+            <div><span>7</span>中国代表：中方支持一切致力...</div>
+            <div><span>8</span>中国峒中-越南横模口岸旅检...</div>
+        </div>
+        <div class="hotNewsContent_skin2" v-if="this.$store.state.template.editWebsiteClass==2">
             <div><span>1</span>提前锁定女单冠军！乒乓球亚...</div>
             <div><span>2</span>特朗普：与普京就结束俄乌冲...</div>
             <div><span>3</span>退役≠报废 新能源车旧动力可...</div>
@@ -50,6 +63,23 @@ export default {
             margin-bottom: 20px;
             box-sizing: border-box;
         }
+        .listNewsTitle_skin2 {
+            font-size:22px;
+            font-weight:bold;
+            height: 40px;
+            line-height: 40px;
+            border-bottom: 2px solid #A91B33;
+            color:#A91B33;
+            margin-bottom: 20px;
+            box-sizing: border-box;
+            span {
+                color:#A91B33;
+                height: 30px;
+                line-height: 30px;
+                border-left: 3px solid #A91B33;
+                padding-left: 12px;
+            }
+        }
         .hotNewsContent {
             font-size:18px;
             color:#333333;
@@ -69,6 +99,25 @@ export default {
                 }
             }
         }
+        .hotNewsContent_skin2 {
+            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: #A91B33;
+                }
+            }
+        }
     }
 </style>
 

src/views/template/style/components/list/450x440/1.vue

@@ -1,7 +1,10 @@
 <template>
     <div class="listNewsBox">
-        <div class="listNewsTitle">
-            <div class="listNewsStyleBorder">{{name}}</div>
+        <div class="listNewsTitle" v-if="this.$store.state.template.editWebsiteClass==1">
+            {{name}}
+        </div>
+        <div class="listNewsTitle_skin2" v-if="this.$store.state.template.editWebsiteClass==2">
+            <span>{{name}}</span>
         </div>
         <div class="listNewsContent">
             <div class="listNewsContentLeft">
@@ -65,6 +68,23 @@ export default {
             margin-bottom: 20px;
             box-sizing: border-box;
         }
+        .listNewsTitle_skin2 {
+            font-size:22px;
+            font-weight:bold;
+            height: 40px;
+            line-height: 40px;
+            border-bottom: 2px solid #A91B33;
+            color:#A91B33;
+            margin-bottom: 20px;
+            box-sizing: border-box;
+            span {
+                color:#A91B33;
+                height: 30px;
+                line-height: 30px;
+                border-left: 3px solid #A91B33;
+                padding-left: 12px;
+            }
+        }
         .listNewsContent {
             display: flex;
             align-items: center;

src/views/template/style/components/list/450x440/2.vue

@@ -1,7 +1,10 @@
 <template>
     <div class="listNewsBox">
-        <div class="listNewsTitle">
-            <div class="listNewsStyleBorder">{{name}}</div>
+        <div class="listNewsTitle" v-if="this.$store.state.template.editWebsiteClass==1">
+            {{name}}
+        </div>
+        <div class="listNewsTitle_skin2" v-if="this.$store.state.template.editWebsiteClass==2">
+            <span>{{name}}</span>
         </div>
         <div class="listNewsContent">
             <div class="listNewsContentRight">
@@ -66,6 +69,23 @@ export default {
             margin-bottom: 20px;
             box-sizing: border-box;
         }
+        .listNewsTitle_skin2 {
+            font-size:22px;
+            font-weight:bold;
+            height: 40px;
+            line-height: 40px;
+            border-bottom: 2px solid #A91B33;
+            color:#A91B33;
+            margin-bottom: 20px;
+            box-sizing: border-box;
+            span {
+                color:#A91B33;
+                height: 30px;
+                line-height: 30px;
+                border-left: 3px solid #A91B33;
+                padding-left: 12px;
+            }
+        }
         .listNewsContent {
             display: flex;
             align-items: center;

src/views/template/style/components/list/450x440/3.vue

@@ -1,7 +1,10 @@
 <template>
     <div class="listNewsBox">
-        <div class="listNewsTitle">
-            <div class="listNewsStyleBorder">{{name}}</div>
+        <div class="listNewsTitle" v-if="this.$store.state.template.editWebsiteClass==1">
+            {{name}}
+        </div>
+        <div class="listNewsTitle_skin2" v-if="this.$store.state.template.editWebsiteClass==2">
+            <span>{{name}}</span>
         </div>
         <div class="listNewsContent">
             <div class="listNewsContentTop">
@@ -52,6 +55,23 @@ export default {
             margin-bottom: 20px;
             box-sizing: border-box;
         }
+        .listNewsTitle_skin2 {
+            font-size:22px;
+            font-weight:bold;
+            height: 40px;
+            line-height: 40px;
+            border-bottom: 2px solid #A91B33;
+            color:#A91B33;
+            margin-bottom: 20px;
+            box-sizing: border-box;
+            span {
+                color:#A91B33;
+                height: 30px;
+                line-height: 30px;
+                border-left: 3px solid #A91B33;
+                padding-left: 12px;
+            }
+        }
         .listNewsContent {
             .listNewsContentTop {
                 position: relative;

src/views/template/style/components/list/450x440/4.vue

@@ -1,7 +1,10 @@
 <template>
     <div class="listNewsBox">
-        <div class="listNewsTitle">
-            <div class="listNewsStyleBorder">{{name}}</div>
+        <div class="listNewsTitle" v-if="this.$store.state.template.editWebsiteClass==1">
+            {{name}}
+        </div>
+        <div class="listNewsTitle_skin2" v-if="this.$store.state.template.editWebsiteClass==2">
+            <span>{{name}}</span>
         </div>
         <div class="listNewsContent">
             <div class="listNewsContentBottom">
@@ -52,6 +55,23 @@ export default {
             margin-bottom: 20px;
             box-sizing: border-box;
         }
+        .listNewsTitle_skin2 {
+            font-size:22px;
+            font-weight:bold;
+            height: 40px;
+            line-height: 40px;
+            border-bottom: 2px solid #A91B33;
+            color:#A91B33;
+            margin-bottom: 20px;
+            box-sizing: border-box;
+            span {
+                color:#A91B33;
+                height: 30px;
+                line-height: 30px;
+                border-left: 3px solid #A91B33;
+                padding-left: 12px;
+            }
+        }
         .listNewsContent {
             .listNewsContentTop {
                 position: relative;

src/views/template/style/components/list/450x950/1.vue

@@ -1,8 +1,11 @@
 <template>
     <div class="listNewsBox">
-        <div class="listNewsTitle">
+        <div class="listNewsTitle" v-if="this.$store.state.template.editWebsiteClass==1">
             {{name}}
         </div>
+        <div class="listNewsTitle_skin2" v-if="this.$store.state.template.editWebsiteClass==2">
+            <span>{{name}}</span>
+        </div>
         <div class="listNewsContent">
             <div class="listNewsContentItem">
                 <div class="listNewsContentItemLeft">
@@ -94,6 +97,23 @@ export default {
             margin-bottom: 20px;
             box-sizing: border-box;
         }
+        .listNewsTitle_skin2 {
+            font-size:22px;
+            font-weight:bold;
+            height: 40px;
+            line-height: 40px;
+            border-bottom: 2px solid #A91B33;
+            color:#A91B33;
+            margin-bottom: 20px;
+            box-sizing: border-box;
+            span {
+                color:#A91B33;
+                height: 30px;
+                line-height: 30px;
+                border-left: 3px solid #A91B33;
+                padding-left: 12px;
+            }
+        }
         .listNewsContent {
             background: #F9FAFB;
             .listNewsContentItem {

src/views/template/style/components/list/450x950/2.vue

@@ -1,8 +1,11 @@
 <template>
     <div class="listNewsBox">
-        <div class="listNewsTitle">
+        <div class="listNewsTitle" v-if="this.$store.state.template.editWebsiteClass==1">
             {{name}}
         </div>
+        <div class="listNewsTitle_skin2" v-if="this.$store.state.template.editWebsiteClass==2">
+            <span>{{name}}</span>
+        </div>
         <div class="listNewsContent">
             <div class="listNewsContentItem">
                 <div class="listNewsContentItemLeft">
@@ -94,6 +97,23 @@ export default {
             margin-bottom: 20px;
             box-sizing: border-box;
         }
+        .listNewsTitle_skin2 {
+            font-size:22px;
+            font-weight:bold;
+            height: 40px;
+            line-height: 40px;
+            border-bottom: 2px solid #A91B33;
+            color:#A91B33;
+            margin-bottom: 20px;
+            box-sizing: border-box;
+            span {
+                color:#A91B33;
+                height: 30px;
+                line-height: 30px;
+                border-left: 3px solid #A91B33;
+                padding-left: 12px;
+            }
+        }
         .listNewsContent {
             background: #F9FAFB;
             .listNewsContentItem {

src/views/template/style/components/list/720x300/1.vue

@@ -1,8 +1,11 @@
 <template>
     <div class="listNewsBox">
-        <div class="listNewsTitle">
+        <div class="listNewsTitle" v-if="this.$store.state.template.editWebsiteClass==1">
             {{name}}
         </div>
+        <div class="listNewsTitle_skin2" v-if="this.$store.state.template.editWebsiteClass==2">
+            <span>{{name}}</span>
+        </div>
         <div class="listNewsContent">
            <div class="listNewsContentItem">
                 <div class="listNewsContentItemLeft">
@@ -65,6 +68,23 @@ export default {
             margin-bottom: 20px;
             box-sizing: border-box;
         }
+        .listNewsTitle_skin2 {
+            font-size:22px;
+            font-weight:bold;
+            height: 40px;
+            line-height: 40px;
+            border-bottom: 2px solid #A91B33;
+            color:#A91B33;
+            margin-bottom: 20px;
+            box-sizing: border-box;
+            span {
+                color:#A91B33;
+                height: 30px;
+                line-height: 30px;
+                border-left: 3px solid #A91B33;
+                padding-left: 12px;
+            }
+        }
         .listNewsContent {
             .listNewsContentItem {
                 display: flex;

src/views/template/style/components/list/720x300/2.vue

@@ -1,8 +1,11 @@
 <template>
     <div class="listNewsBox">
-        <div class="listNewsTitle">
+        <div class="listNewsTitle" v-if="this.$store.state.template.editWebsiteClass==1">
             {{name}}
         </div>
+        <div class="listNewsTitle_skin2" v-if="this.$store.state.template.editWebsiteClass==2">
+            <span>{{name}}</span>
+        </div>
         <div class="listNewsContent">
            <div class="listNewsContentItem">
                 <div class="listNewsContentItemRight">
@@ -65,6 +68,23 @@ export default {
             margin-bottom: 20px;
             box-sizing: border-box;
         }
+        .listNewsTitle_skin2 {
+            font-size:22px;
+            font-weight:bold;
+            height: 40px;
+            line-height: 40px;
+            border-bottom: 2px solid #A91B33;
+            color:#A91B33;
+            margin-bottom: 20px;
+            box-sizing: border-box;
+            span {
+                color:#A91B33;
+                height: 30px;
+                line-height: 30px;
+                border-left: 3px solid #A91B33;
+                padding-left: 12px;
+            }
+        }
         .listNewsContent {
             .listNewsContentItem {
                 display: flex;

src/views/template/style/components/list/720x440/1.vue

@@ -1,8 +1,11 @@
 <template>
     <div class="listNewsBox">
-        <div class="listNewsTitle">
+        <div class="listNewsTitle" v-if="this.$store.state.template.editWebsiteClass==1">
             {{name}}
         </div>
+        <div class="listNewsTitle_skin2" v-if="this.$store.state.template.editWebsiteClass==2">
+            <span>{{name}}</span>
+        </div>
         <div class="listNewsContent">
             <div class="listNewsContentLeft">
                 <div class="listNewsContentLeftTop">
@@ -70,6 +73,23 @@ export default {
             margin-bottom: 20px;
             box-sizing: border-box;
         }
+        .listNewsTitle_skin2 {
+            font-size:22px;
+            font-weight:bold;
+            height: 40px;
+            line-height: 40px;
+            border-bottom: 2px solid #A91B33;
+            color:#A91B33;
+            margin-bottom: 20px;
+            box-sizing: border-box;
+            span {
+                color:#A91B33;
+                height: 30px;
+                line-height: 30px;
+                border-left: 3px solid #A91B33;
+                padding-left: 12px;
+            }
+        }
         .listNewsContent {
             display: flex;
             align-items: center;

src/views/template/style/components/list/720x440/2.vue

@@ -1,8 +1,11 @@
 <template>
     <div class="listNewsBox">
-        <div class="listNewsTitle">
+        <div class="listNewsTitle" v-if="this.$store.state.template.editWebsiteClass==1">
             {{name}}
         </div>
+        <div class="listNewsTitle_skin2" v-if="this.$store.state.template.editWebsiteClass==2">
+            <span>{{name}}</span>
+        </div>
         <div class="listNewsContent">
             <div class="listNewsContentRight">
                 <div>西南财经大学教授刘锡良：金融服务实...</div>
@@ -70,6 +73,23 @@ export default {
             margin-bottom: 20px;
             box-sizing: border-box;
         }
+        .listNewsTitle_skin2 {
+            font-size:22px;
+            font-weight:bold;
+            height: 40px;
+            line-height: 40px;
+            border-bottom: 2px solid #A91B33;
+            color:#A91B33;
+            margin-bottom: 20px;
+            box-sizing: border-box;
+            span {
+                color:#A91B33;
+                height: 30px;
+                line-height: 30px;
+                border-left: 3px solid #A91B33;
+                padding-left: 12px;
+            }
+        }
         .listNewsContent {
             display: flex;
             align-items: center;

src/views/template/style/components/list/720x440/3.vue

@@ -1,8 +1,11 @@
 <template>
     <div class="listNewsBox">
-        <div class="listNewsTitle">
+        <div class="listNewsTitle" v-if="this.$store.state.template.editWebsiteClass==1">
             {{name}}
         </div>
+        <div class="listNewsTitle_skin2" v-if="this.$store.state.template.editWebsiteClass==2">
+            <span>{{name}}</span>
+        </div>
         <div class="listNewsContent">
             <div class="listNewsContentTop">
                 <div class="listNewsContentTopItem">
@@ -67,6 +70,23 @@ export default {
             margin-bottom: 20px;
             box-sizing: border-box;
         }
+        .listNewsTitle_skin2 {
+            font-size:22px;
+            font-weight:bold;
+            height: 40px;
+            line-height: 40px;
+            border-bottom: 2px solid #A91B33;
+            color:#A91B33;
+            margin-bottom: 20px;
+            box-sizing: border-box;
+            span {
+                color:#A91B33;
+                height: 30px;
+                line-height: 30px;
+                border-left: 3px solid #A91B33;
+                padding-left: 12px;
+            }
+        }
         .listNewsContent {
             .listNewsContentTop {
                 display: flex;

src/views/template/style/components/list/720x440/4.vue

@@ -1,8 +1,11 @@
 <template>
     <div class="listNewsBox">
-        <div class="listNewsTitle">
+        <div class="listNewsTitle" v-if="this.$store.state.template.editWebsiteClass==1">
             {{name}}
         </div>
+        <div class="listNewsTitle_skin2" v-if="this.$store.state.template.editWebsiteClass==2">
+            <span>{{name}}</span>
+        </div>
         <div class="listNewsContent">
             <div class="listNewsContentBottom">
                 <div>日本和歌山县4只大熊猫将于6月28日送返...</div>
@@ -67,6 +70,23 @@ export default {
             margin-bottom: 20px;
             box-sizing: border-box;
         }
+        .listNewsTitle_skin2 {
+            font-size:22px;
+            font-weight:bold;
+            height: 40px;
+            line-height: 40px;
+            border-bottom: 2px solid #A91B33;
+            color:#A91B33;
+            margin-bottom: 20px;
+            box-sizing: border-box;
+            span {
+                color:#A91B33;
+                height: 30px;
+                line-height: 30px;
+                border-left: 3px solid #A91B33;
+                padding-left: 12px;
+            }
+        }
         .listNewsContent {
             .listNewsContentTop {
                 display: flex;

src/views/template/style/components/list/720x620/1.vue

@@ -1,8 +1,11 @@
 <template>
     <div class="listNewsBox">
-        <div class="listNewsTitle">
+        <div class="listNewsTitle" v-if="this.$store.state.template.editWebsiteClass==1">
             {{name}}
         </div>
+        <div class="listNewsTitle_skin2" v-if="this.$store.state.template.editWebsiteClass==2">
+            <span>{{name}}</span>
+        </div>
         <div class="listNewsContent">
             <div class="listNewsContentLeft">
                 <div class="listNewsContentLeftTop">
@@ -73,6 +76,23 @@ export default {
             margin-bottom: 20px;
             box-sizing: border-box;
         }
+        .listNewsTitle_skin2 {
+            font-size:22px;
+            font-weight:bold;
+            height: 40px;
+            line-height: 40px;
+            border-bottom: 2px solid #A91B33;
+            color:#A91B33;
+            margin-bottom: 20px;
+            box-sizing: border-box;
+            span {
+                color:#A91B33;
+                height: 30px;
+                line-height: 30px;
+                border-left: 3px solid #A91B33;
+                padding-left: 12px;
+            }
+        }
         .listNewsContent {
             display: flex;
             justify-content: space-between;

src/views/template/style/components/list/720x620/2.vue

@@ -1,8 +1,11 @@
 <template>
     <div class="listNewsBox">
-        <div class="listNewsTitle">
+        <div class="listNewsTitle" v-if="this.$store.state.template.editWebsiteClass==1">
             {{name}}
         </div>
+        <div class="listNewsTitle_skin2" v-if="this.$store.state.template.editWebsiteClass==2">
+            <span>{{name}}</span>
+        </div>
         <div class="listNewsContent">
             <div class="listNewsContentLeft">
                 <div class="listNewsContentLeftBottom">
@@ -73,6 +76,23 @@ export default {
             margin-bottom: 20px;
             box-sizing: border-box;
         }
+        .listNewsTitle_skin2 {
+            font-size:22px;
+            font-weight:bold;
+            height: 40px;
+            line-height: 40px;
+            border-bottom: 2px solid #A91B33;
+            color:#A91B33;
+            margin-bottom: 20px;
+            box-sizing: border-box;
+            span {
+                color:#A91B33;
+                height: 30px;
+                line-height: 30px;
+                border-left: 3px solid #A91B33;
+                padding-left: 12px;
+            }
+        }
         .listNewsContent {
             display: flex;
             justify-content: space-between;

src/views/template/style/components/main/1200x1120/1.vue

@@ -40,7 +40,7 @@ export default {
         padding:27px 80px;
         .mainTitle {
             font-size: 26px;
-            color:#1C5468;
+            color:#333;
             height: 65px;
             font-weight: bold;
             text-align: center;

src/views/template/style/components/menu/1200x100/1.vue

@@ -1,9 +1,22 @@
 <template>
     <div>
-        <div class="channelMenuTitle">
+        <div class="channelMenuTitle" v-if="this.$store.state.template.editWebsiteClass==1">
             一级导航名称
         </div>
-        <div class="channelMenuList">
+        <div class="channelMenuTitle_skin2" v-if="this.$store.state.template.editWebsiteClass==2">
+            一级导航名称
+        </div>
+        <div class="channelMenuList" v-if="this.$store.state.template.editWebsiteClass==1">
+            <div>二级导航名称1</div>
+            <div>二级导航名称2</div>
+            <div>二级导航名称3</div>
+            <div>二级导航名称4</div>
+            <div>二级导航名称5</div>
+            <div>二级导航名称6</div>
+            <div>二级导航名称7</div>
+            <div>二级导航名称8</div>
+        </div>
+        <div class="channelMenuList_skin2" v-if="this.$store.state.template.editWebsiteClass==2">
             <div>二级导航名称1</div>
             <div>二级导航名称2</div>
             <div>二级导航名称3</div>
@@ -47,6 +60,17 @@ export default {
         background: url('http://img.bjzxtw.org.cn/pre/image/jpeg/20250620/1750381219965589.jpg') no-repeat center center;
         margin-bottom: 25px;
     }
+    .channelMenuTitle_skin2 {
+        width: 1200px;
+        height: 32px;
+        line-height: 32px;
+        font-size: 24px;
+        color:#A91B33;
+        font-weight: bold;
+        text-align: center;
+        background: url('http://img.bjzxtw.org.cn/pre/image/jpeg/20250626/1750914827434788.jpg') no-repeat center center;
+        margin-bottom: 25px;
+    }
     .channelMenuList {
         display: flex;
         justify-content: space-between;
@@ -60,10 +84,28 @@ export default {
             width: 120px;
             height: 22px;
             line-height: 22px;
-            &:first {
+            &:first-child {
                 color: #004564;
             }
         }
     }
+    .channelMenuList_skin2 {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        color: #333;
+        border-bottom: 2px solid #A91B33;
+        padding-bottom: 15px;
+        div {
+            font-size: 16px;
+            font-weight: bold;
+            width: 120px;
+            height: 22px;
+            line-height: 22px;
+            &:first-child {
+                color: #A91B33;
+            }
+        }
+    }
 </style>
 

src/views/template/style/components/menu/1200x100/2.vue

@@ -1,9 +1,22 @@
 <template>
     <div>
-        <div class="channelMenuTitle">
+        <div class="channelMenuTitle" v-if="this.$store.state.template.editWebsiteClass==1">
             一级导航名称
         </div>
-        <div class="channelMenuList">
+        <div class="channelMenuTitle_skin2" v-if="this.$store.state.template.editWebsiteClass==2">
+            一级导航名称
+        </div>
+        <div class="channelMenuList" v-if="this.$store.state.template.editWebsiteClass==1">
+            <div>二级导航名称1</div>
+            <div>二级导航名称2</div>
+            <div>二级导航名称3</div>
+            <div>二级导航名称4</div>
+            <div>二级导航名称5</div>
+            <div>二级导航名称6</div>
+            <div>二级导航名称7</div>
+            <div>二级导航名称8</div>
+        </div>
+        <div class="channelMenuList_skin2" v-if="this.$store.state.template.editWebsiteClass==2">
             <div>二级导航名称1</div>
             <div>二级导航名称2</div>
             <div>二级导航名称3</div>
@@ -47,6 +60,17 @@ export default {
         background: url('http://img.bjzxtw.org.cn/pre/image/jpeg/20250620/1750381219965589.jpg') no-repeat center center;
         margin-bottom: 25px;
     }
+    .channelMenuTitle_skin2 {
+        width: 1200px;
+        height: 32px;
+        line-height: 32px;
+        font-size: 24px;
+        color:#A91B33;
+        font-weight: bold;
+        text-align: center;
+        background: url('http://img.bjzxtw.org.cn/pre/image/jpeg/20250626/1750914827434788.jpg') no-repeat center center;
+        margin-bottom: 25px;
+    }
     .channelMenuList {
         display: flex;
         justify-content: space-between;
@@ -64,5 +88,23 @@ export default {
             }
         }
     }
+    .channelMenuList_skin2 {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        color: #333;
+        border-bottom: 2px solid #A91B33;
+        padding-bottom: 15px;
+        div {
+            font-size: 16px;
+            font-weight: bold;
+            width: 120px;
+            height: 22px;
+            line-height: 22px;
+            &:first-child {
+                color: #A91B33;
+            }
+        }
+    }
 </style>
 

src/views/template/style/components/menu/144x365/1.vue

@@ -1,9 +1,11 @@
 <template>
     <div class="floatMenuBox">
-        <div class="title">导航列表</div>
+        <div class="title" v-if="this.$store.state.template.editWebsiteClass==1">导航列表</div>
+        <div class="title_skin2" v-if="this.$store.state.template.editWebsiteClass==2">导航列表</div>
         <div>关于我们</div>
         <div>本网概况</div>
-        <div class="active">联系我们</div>
+        <div class="active" v-if="this.$store.state.template.editWebsiteClass==1">联系我们</div>
+        <div class="active_skin2" v-if="this.$store.state.template.editWebsiteClass==2">联系我们</div>
         <div>网站地图</div>
         <div>会员服务</div>
     </div>
@@ -39,10 +41,17 @@ export default {
         .title {
             color:#004564;
         }
+        .title_skin2 {
+            color:#A91B33;
+        }
         .active {
             background: #004564;
             color:#fff;
         }
+        .active_skin2 {
+            background: #A91B33;
+            color:#fff;
+        }
     }
 </style>
 

src/views/template/style/components/menu/144x365/2.vue

@@ -1,9 +1,11 @@
 <template>
     <div class="floatMenuBox">
-        <div class="title">导航列表</div>
+        <div class="title" v-if="this.$store.state.template.editWebsiteClass==1">导航列表</div>
+        <div class="title_skin2" v-if="this.$store.state.template.editWebsiteClass==2">导航列表</div>
         <div>关于我们</div>
         <div>本网概况</div>
-        <div class="active">联系我们</div>
+        <div class="active" v-if="this.$store.state.template.editWebsiteClass==1">联系我们</div>
+        <div class="active_skin2" v-if="this.$store.state.template.editWebsiteClass==2">联系我们</div>
         <div>网站地图</div>
         <div>会员服务</div>
     </div>
@@ -40,9 +42,17 @@ export default {
             background: #004564;
             color:#fff;
         }
+        .title_skin2 {
+            background:#A91B33;
+            color:#fff;
+        }
         .active {
             background: #004564;
             color:#fff;
         }
+        .active_skin2 {
+            background: #A91B33;
+            color:#fff;
+        }
     }
 </style>

src/views/template/style/components/search/700x46/1.vue

@@ -3,7 +3,10 @@
         <div class="searchInputBorder">
             <input type="text" placeholder="请输入搜索内容" />
         </div>
-        <div class="searchBtn">
+        <div class="searchBtn" v-if="this.$store.state.template.editWebsiteClass==1">
+            搜索
+        </div>
+        <div class="searchBtn_skin2" v-if="this.$store.state.template.editWebsiteClass==2">
             搜索
         </div>
     </div>
@@ -56,6 +59,15 @@ export default {
             background: #1C5468;
             cursor: pointer;
         }
+        .searchBtn_skin2 {
+            width: 120px;
+            height: 46px;
+            text-align: center;
+            line-height: 46px;
+            color:#fff;
+            background: #A91B33;
+            cursor: pointer;
+        }
     }
 </style>
 

src/views/template/style/sector/body/about/1200x1290/1.vue

@@ -4,7 +4,8 @@
             <div class="listRouterBox">
                 当前位置：首页 > <span>关于我们</span>
             </div>
-            <div class="listNewsTitle">自动生成</div>
+            <div class="listNewsTitle" v-if="this.$store.state.template.editWebsiteClass==1">自动生成</div>
+            <div class="listNewsTitle_skin2" v-if="this.$store.state.template.editWebsiteClass==2">自动生成</div>
             <div class="listContentBox">
                 <div :class="['listContentBoxLeft', {buildingBorder2: this.$store.state.template.previewStatus==false}]">
                     <convertBtn :id="id" :dataSort="dataSort" :sort="0" :type="14"/>
@@ -132,6 +133,16 @@ export default {
     box-sizing: border-box;
     margin-top: 28px;
 }
+.listNewsTitle_skin2 {
+    font-size: 22px;
+    font-weight: bold;
+    height: 40px;
+    line-height: 40px;
+    border-bottom: 2px solid #A91B33;
+    color: #A91B33;
+    box-sizing: border-box;
+    margin-top: 28px;
+}
 .alongListBigBox{
     width: 100%;
     height: 1290px;

src/views/template/style/sector/body/ad/1200x90/1.vue

@@ -7,7 +7,7 @@
                     <img src="http://img.bjzxtw.org.cn/pre/image/png/20250530/1748588901281358.png" alt="自助建站广告示例图">
                 </div>
                 <div class="imgSector" v-if="this.$store.state.template.editWebsiteClass==2">
-                    <img src="http://img.bjzxtw.org.cn/pre/image/png/20250530/1748590803130975.png" alt="自助建站广告示例图">
+                    <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250626/1750899647130496.jpg" alt="自助建站广告示例图">
                 </div>
             </div>
         </div>

src/views/template/style/sector/body/index/link/1200x230/1.vue

@@ -0,0 +1,105 @@
+<template>
+    <div :class="['linkSectorBox', { buildingBorder: this.$store.state.template.previewStatus == false }]">
+        <div class="linkSectorItem bg1">
+            <div class="linkSectorItemTitle">人员查询</div>
+            <div class="linkSectorItemContent">全国政务信息一体化办公室</div>
+            <div class="linkSectorItemBtn">点击查询</div>
+        </div>
+        <div class="linkSectorItem bg2">
+            <div class="linkSectorItemTitle">车辆查询</div>
+            <div class="linkSectorItemContent">全国政务信息一体化办公室</div>
+            <div class="linkSectorItemBtn">点击查询</div>
+        </div>
+        <div class="linkSectorItem bg3">
+            <div class="linkSectorItemTitle">调研选题</div>
+            <div class="linkSectorItemContent">全国政务信息一体化办公室</div>
+            <div class="linkSectorItemBtn">点击查询</div>
+        </div>
+        <div class="linkSectorItem bg4">
+            <div class="linkSectorItemTitle">地市中心</div>
+            <div class="linkSectorItemContent">全国政务信息一体化办公室</div>
+            <div class="linkSectorItemBtn">点击查询</div>
+        </div>
+        <div class="linkSectorItem bg5">
+            <div class="linkSectorItemTitle">介绍信查询</div>
+            <div class="linkSectorItemContent">全国政务信息一体化办公室</div>
+            <div class="linkSectorItemBtn">点击查询</div>
+        </div>
+    </div>
+</template>
+
+<script>
+
+export default {
+    components: {
+
+    },
+    props: {
+        id: {
+            type: Number,
+            default: 0
+        },
+        y: {
+            type: Number,
+            default: 0
+        },
+        dataSort: {
+            type: Number,
+            default: 0
+        }
+    },
+    data() {
+        return {
+
+        };
+    },
+};
+</script>
+
+<style scoped lang="less">
+.buildingBorder {
+    border: 2px dashed #999;
+}
+.linkSectorBox {
+    width: 1200px;
+    height: 230px;
+    margin: 0 auto;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    .linkSectorItem {
+        width: 210px;
+        height: 230px;
+        box-sizing: border-box;
+        padding:70px 30px ;
+        .linkSectorItemTitle {
+            font-size:16px;
+            color:#333333;
+            margin-bottom: 13px;
+        }
+        .linkSectorItemContent {
+            font-size:12px;
+            color:#999999;
+            margin-bottom: 43px;
+        }
+        .linkSectorItemBtn {
+            width: 80px;
+            height: 30px;
+            line-height: 30px;
+            text-align: center;
+            border:1px solid #A91B33;
+            color:#A91B33;
+            border-radius: 15px;
+            font-size: 12px;
+            margin: 0 auto;
+            cursor: pointer;
+        }
+    }
+    .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;}
+}
+
+</style>