临时保存

临时保存

.nuxt/components.d.ts

@@ -17,6 +17,7 @@ interface _GlobalComponents {
     'HomeSmallSwiper1': typeof import("../components/home/SmallSwiper1.vue")['default']
     'HomeSmallSwiperNmg': typeof import("../components/home/SmallSwiperNmg.vue")['default']
     'HomeSurveyvote': typeof import("../components/home/Surveyvote.vue")['default']
+    'HomeSwiperNzgx': typeof import("../components/home/SwiperNzgx.vue")['default']
     'HomeSwiperSnsc': typeof import("../components/home/SwiperSnsc.vue")['default']
     'HomeSwiperSnscChannel': typeof import("../components/home/SwiperSnscChannel.vue")['default']
     'HomeTopTen': typeof import("../components/home/TopTen.vue")['default']
@@ -65,6 +66,7 @@ interface _GlobalComponents {
     'LazyHomeSmallSwiper1': typeof import("../components/home/SmallSwiper1.vue")['default']
     'LazyHomeSmallSwiperNmg': typeof import("../components/home/SmallSwiperNmg.vue")['default']
     'LazyHomeSurveyvote': typeof import("../components/home/Surveyvote.vue")['default']
+    'LazyHomeSwiperNzgx': typeof import("../components/home/SwiperNzgx.vue")['default']
     'LazyHomeSwiperSnsc': typeof import("../components/home/SwiperSnsc.vue")['default']
     'LazyHomeSwiperSnscChannel': typeof import("../components/home/SwiperSnscChannel.vue")['default']
     'LazyHomeTopTen': typeof import("../components/home/TopTen.vue")['default']
@@ -119,6 +121,7 @@ export const HomeSecondaryHeading: typeof import("../components/home/SecondaryHe
 export const HomeSmallSwiper1: typeof import("../components/home/SmallSwiper1.vue")['default']
 export const HomeSmallSwiperNmg: typeof import("../components/home/SmallSwiperNmg.vue")['default']
 export const HomeSurveyvote: typeof import("../components/home/Surveyvote.vue")['default']
+export const HomeSwiperNzgx: typeof import("../components/home/SwiperNzgx.vue")['default']
 export const HomeSwiperSnsc: typeof import("../components/home/SwiperSnsc.vue")['default']
 export const HomeSwiperSnscChannel: typeof import("../components/home/SwiperSnscChannel.vue")['default']
 export const HomeTopTen: typeof import("../components/home/TopTen.vue")['default']
@@ -167,6 +170,7 @@ export const LazyHomeSecondaryHeading: typeof import("../components/home/Seconda
 export const LazyHomeSmallSwiper1: typeof import("../components/home/SmallSwiper1.vue")['default']
 export const LazyHomeSmallSwiperNmg: typeof import("../components/home/SmallSwiperNmg.vue")['default']
 export const LazyHomeSurveyvote: typeof import("../components/home/Surveyvote.vue")['default']
+export const LazyHomeSwiperNzgx: typeof import("../components/home/SwiperNzgx.vue")['default']
 export const LazyHomeSwiperSnsc: typeof import("../components/home/SwiperSnsc.vue")['default']
 export const LazyHomeSwiperSnscChannel: typeof import("../components/home/SwiperSnscChannel.vue")['default']
 export const LazyHomeTopTen: typeof import("../components/home/TopTen.vue")['default']

.nuxt/manifest/latest.json

@@ -1 +1 @@
-{"id":"dev","timestamp":1745204097516}
+{"id":"dev","timestamp":1745215103499}

.nuxt/manifest/meta/dev.json

@@ -1 +1 @@
-{"id":"dev","timestamp":1745204097516,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}
+{"id":"dev","timestamp":1745215103499,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}

.nuxt/nitro.json

@@ -1,5 +1,5 @@
 {
-  "date": "2025-04-21T02:55:03.453Z",
+  "date": "2025-04-21T05:58:32.251Z",
   "preset": "nitro-dev",
   "framework": {
     "name": "nuxt",
@@ -9,9 +9,9 @@
     "nitro": "2.10.4"
   },
   "dev": {
-    "pid": 5944,
+    "pid": 24716,
     "workerAddress": {
-      "socketPath": "\\\\.\\pipe\\nitro\\worker-5944-1.sock"
+      "socketPath": "\\\\.\\pipe\\nitro\\worker-24716-1.sock"
     }
   }
 }

.nuxt/tsconfig.json

@@ -102,7 +102,7 @@
         "./imports"
       ],
       "#app-manifest": [
-        "./manifest/meta/dev.json"
+        "./manifest/meta/dev"
       ],
       "#components": [
         "./components"

assets/css/about.less

@@ -149,13 +149,15 @@
                     font-family: Microsoft YaHei, Microsoft YaHei;
                     font-weight: 400;
                     font-size: 16px;
-                    color: #004564;
+                    color: #a91b33;
                 }
 
             }
 
             .active {
-                background: #004564;
+                // border-left: 0;
+                // border: 1px solid #028E21;
+                background: #a91b33;
                 color: #fff;
             }
         }
@@ -164,7 +166,7 @@
 /*列表样式*/
 .innerTitle {
     font-size: 24px;
-    border-bottom: 1px solid #255590;
+    border-bottom: 1px solid #a91b33;
     padding-bottom: 20px;
 }
 

assets/css/index.less

@@ -94,7 +94,7 @@ section {
     display: block;
 }
 .index_main {
-    margin: 0 auto 111px
+    margin: 0 auto 30px
 }
 .slow_6 {
     -webkit-transition: all .6s;
@@ -451,7 +451,7 @@ section {
           font-size: 18px;
           padding-left: 22px;
           margin-top: 3px;
-          background: url(../public/img/6.png) no-repeat left 5px;
+          background: url(@/public/img/6.png) no-repeat left 5px;
           background-size: 17px auto;
     }
     .index_head_btn_right_a_2:hover {
@@ -633,7 +633,7 @@ section {
           height: 24px;
           left: 0px;
           top: 0px;
-          background: url(../public/img/2.png) no-repeat left 0px;
+          background: url(@/public/img/2.png) no-repeat left 0px;
           background-size: auto 90%;
     }
 }

assets/css/list.less

@@ -117,7 +117,7 @@
                 }
 
                 >li:hover .listTitle {
-                    color: #004564;
+                    color: #a91b33;
                 }
 
                 // >li:nth-child(1)::after,
@@ -156,7 +156,7 @@
 
                 // 鼠标移入后字体颜色
                 .el-pagination::v-deep :hover {
-                    color: #004564;
+                    color: #a91b33;
                 }
 
                 .el-pagination.is-background::v-deep .btn-next,
@@ -177,7 +177,7 @@
                 .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: #004564;
+                    background-color: #a91b33;
                     color: #fff;
                 }
 
@@ -226,7 +226,7 @@
                 text-align: left;
                 font-style: normal;
                 text-transform: none;
-                border-bottom: 1px solid #004564;
+                border-bottom: 1px solid #a91b33;
 
             }
 
@@ -345,11 +345,11 @@
                 }
 
                 >li:hover {
-                    color: #004564;
+                    color: #a91b33;
                 }
 
                 >li:hover em {
-                    background-color: #004564;
+                    background-color: #a91b33;
                 }
             }
         }
@@ -364,7 +364,7 @@
             width: 380px;
             height: 40px;
             line-height: 40px;
-            border-top: 1px solid #004564;
+            border-top: 1px solid #a91b33;
             border-bottom: 1px solid #e7e7e7;
 
             >h4 {

assets/css/public/footer.less

@@ -97,7 +97,7 @@
     overflow: hidden;
     text-align: center;
     font-size: 0px;
-    background: #004564;
+    background: #A91B33;
 
     a {
         color: #fff;
@@ -118,7 +118,7 @@
     box-sizing: border-box;
     padding: 0 19px;
     font-weight: bold;
-    border-left: solid 1px #1F497B;
+    border-left: solid 1px #8E1429;
     margin: 18px 0;
 }
 

assets/css/search.less

@@ -134,7 +134,7 @@
                 }
 
                 >li:hover>a {
-                    color: #004564;
+                    color: #a91b33;
                 }
 
                 >li:nth-child(1)::after,
@@ -173,7 +173,7 @@
 
                 // 鼠标移入后字体颜色
                 .el-pagination::v-deep :hover {
-                    color: #004564;
+                    color: #a91b33;
                 }
 
                 .el-pagination.is-background::v-deep .btn-next,
@@ -194,7 +194,7 @@
                 .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: #004564;
+                    background-color: #a91b33;
                     color: #fff;
                 }
 
@@ -245,7 +245,7 @@
                 text-align: left;
                 font-style: normal;
                 text-transform: none;
-                border-bottom: 1px solid #004564;
+                border-bottom: 1px solid #a91b33;
 
             }
 
@@ -364,11 +364,11 @@
                 }
 
                 >li:hover {
-                    color: #004564;
+                    color: #a91b33;
                 }
 
                 >li:hover em {
-                    background-color: #004564;
+                    background-color: #a91b33;
                 }
             }
         }
@@ -383,7 +383,7 @@
             width: 380px;
             height: 40px;
             line-height: 40px;
-            border-top: 1px solid #004564;
+            border-top: 1px solid #a91b33;
             border-bottom: 1px solid #e7e7e7;
 
             >h4 {
@@ -479,7 +479,7 @@
         button {
             width: 120px;
             height: 48px;
-            background-color: #004564;
+            background-color: #a91b33;
             font-size: 16px;
             letter-spacing: 4px;
             color: #fff;

components/detail/HotNews.vue

@@ -71,9 +71,11 @@ getPageData();
     font-family: Microsoft YaHei, Microsoft YaHei;
     font-weight: bold;
     font-size: 22px;
-    color: #004564;
+    color: #a91b33;
     margin: 10px 0 20px;
     position: relative;
+    // border-left: #a91b33 5px solid;
+    // padding-left: 15px;
 
 }
 
@@ -113,7 +115,7 @@ getPageData();
 
     .hotList_photo_text1:hover {
         .hotlist_text {
-            color: #004564;
+            color: #a91b33;
         }
     }
 }
@@ -152,7 +154,7 @@ getPageData();
     }
 
     >li:hover>a {
-        color: #004564;
+        color: #a91b33;
     }
 
 }

components/detail/HotNews2.vue

@@ -64,8 +64,8 @@ getPageData();
         font-weight: bold;
         margin: 30px 0 10px;
         font-size: 20px;
-        color: #004564;
-        // border-left: #004564 5px solid;
+        color: #a91b33;
+        // border-left: #a91b33 5px solid;
         // padding-left: 17px;
     }
 
@@ -99,27 +99,27 @@ getPageData();
 
         .hotNews_messageList:nth-child(1) {
             .number {
-                color: #004564;
+                color: #a91b33;
             }
         }
 
         .hotNews_messageList:nth-child(2) {
             .number {
-                color: #004564;
+                color: #a91b33;
             }
         }
 
         .hotNews_messageList:nth-child(3) {
             .number {
-                color: #004564;
+                color: #a91b33;
             }
         }
 
         .hotNews_messageList:hover {
-            color: #004564;
+            color: #a91b33;
 
             a {
-                color: #004564;
+                color: #a91b33;
             }
         }
     }

components/home/BigSwiper.vue

@@ -11,12 +11,12 @@
                     </span>
                 </NuxtLink>
             </el-carousel-item>
-            <div class="roll_num_box">
-                <span class="roll_num_box_new">{{ roll_num_this + 1 }}</span>
-                /
-                {{ roll_num_lang }}
-            </div>
         </el-carousel>
+        <div class="roll_num_box">
+            <span class="roll_num_box_new">{{ roll_num_this + 1 }}</span>
+            /
+            {{ roll_num_lang }}
+        </div>
     </div>
 </template>
 
@@ -62,7 +62,7 @@ let handleIndicatorChange = (val) => {
 <style lang="less" scoped>
 .roll_num_box {
     position: absolute;
-    z-index: 2;
+    z-index: 100;
     left: 60px;
     bottom: 0px;
     height: 60px;

components/home/ListSecondaryHeading.vue

@@ -1,5 +1,5 @@
 <template>
-    <nav class="channel_nav back100">
+    <nav class="channel_nav clearfix">
         <a class="channel_nav_a" href="javascript:(void)" title="name">{{ name }}</a>
         <span v-for="(item,index) in nav">
             <NuxtLink :to="{ path: `/${targetRoute}/${item.aLIas_pinyin}/list-1.html`}" class="channel_nav_a" v-if="index<=7">{{ item.alias }}</NuxtLink>
@@ -27,33 +27,65 @@ const targetRoute = segments[1];
 
 <style lang="less" scoped>
 .channel_nav {
-    height: 60px;
-    width: 1200px;
+    background: #A91B33;
+    margin: 40px auto 0px;
+    position: relative;
+    z-index: 11;
+    height: 61px;
+    width:1200px;
     margin: 0 auto;
-    background-image: url(@/public/img/5.png);
-    margin-top: 40px;
-
     .channel_nav_a {
-        float: left;
-        height: 60px;
-        line-height: 60px;
-        color: #255590;
-        font-size: 20px;
-        margin: 0px 19px;
-        font-weight: bold;
+          float: left;
+          height: 22px;
+          line-height: 22px;
+          position: relative;
+          color: #fff;
+          font-size: 16px;
+          font-weight: bold;
+          margin: 20px 29.4px;
+          text-align: center;
+    }
+    .channel_nav_a::after {
+          content: '';
+          display: block;
+          position: absolute;
+          width: 1px;
+          height: 14px;
+          background: #BF3519;
+          left: -28px;
+          top: 4px;
+    }
+    .channel_nav_a:nth-of-type(2)::after {
+          display: none;
     }
-
     >.channel_nav_a:nth-of-type(1) {
-        color: #fff;
-        width: 230px;
-        padding-left: 50px;
-        box-sizing: border-box;
-        margin-left:0;
-        margin-right: 0;
+          background: #fff;
+          border-top-left-radius: 7px;
+          border-top-right-radius: 7px;
+          position: relative;
+          z-index: 22;
+          height: 51px;
+          line-height: 42px;
+          color: #A91B33;
+          margin: 10px 21px 0px 35px;
+          padding: 0px 40px;
+    }
+    >.channel_nav_a:nth-of-type(1)::after {
+          display: none;
+    }
+    >.channel_nav_a:nth-of-type(1)::before {
+          content: '';
+          display: block;
+          position: absolute;
+          width: 64px;
+          height: 2px;
+          background: #A91B33;
+          left: 50%;
+          margin-left: -32px;
+          bottom: 10px;
+    }
+    >.channel_nav_a:nth-last-of-type(1) {
+          margin-right: 0px;
     }
-}
-.back100 {
-    background-size: 100% 100%;
-    background-repeat: no-repeat;
 }
 </style>

components/home/SecondaryHeading.vue

@@ -47,33 +47,65 @@ getPageData();
 
 <style lang="less" scoped>
 .channel_nav {
-    height: 42px;
-    border-bottom: solid 3px #004564;
-    margin-top: 30px;
-    width: 1200px;
+    background: #A91B33;
+    margin: 40px auto 0px;
+    position: relative;
+    z-index: 11;
+    height: 61px;
+    width:1200px;
     margin: 0 auto;
-    margin-top: 30px;
-
     .channel_nav_a {
-        float: left;
-        height: 42px;
-        line-height: 42px;
-        color: #333;
-        font-size: 18px;
-        margin-left: 30px;
-        font-weight: bold;
+          float: left;
+          height: 22px;
+          line-height: 22px;
+          position: relative;
+          color: #fff;
+          font-size: 16px;
+          font-weight: bold;
+          margin: 20px 29.4px;
+          text-align: center;
+    }
+    .channel_nav_a::after {
+          content: '';
+          display: block;
+          position: absolute;
+          width: 1px;
+          height: 14px;
+          background: #BF3519;
+          left: -28px;
+          top: 4px;
+    }
+    .channel_nav_a:nth-of-type(2)::after {
+          display: none;
     }
-
     >.channel_nav_a:nth-of-type(1) {
-        height: 42px;
-        line-height: 42px;
-        font-size: 30px;
-        color: #fff;
-        font-weight: bold;
-        background: url(@/public/img/27.png) no-repeat right 0px;
-        background-size: 100% 100%;
-        padding: 0px 15px;
-        margin: 1px 0px 10px 0px;
+          background: #fff;
+          border-top-left-radius: 7px;
+          border-top-right-radius: 7px;
+          position: relative;
+          z-index: 22;
+          height: 51px;
+          line-height: 42px;
+          color: #A91B33;
+          margin: 10px 21px 0px 35px;
+          padding: 0px 40px;
+    }
+    >.channel_nav_a:nth-of-type(1)::after {
+          display: none;
+    }
+    >.channel_nav_a:nth-of-type(1)::before {
+          content: '';
+          display: block;
+          position: absolute;
+          width: 64px;
+          height: 2px;
+          background: #A91B33;
+          left: 50%;
+          margin-left: -32px;
+          bottom: 10px;
+    }
+    >.channel_nav_a:nth-last-of-type(1) {
+          margin-right: 0px;
     }
 }
 </style>

components/home/SwiperNzgx.vue

@@ -0,0 +1,142 @@
+<template>
+    <div class="swiper">
+        <!-- 农副产品供销网 -->
+        <el-carousel :interval="3333" height="405px" indicator-position="none" arrow="always"  @change="change_fun">
+            <el-carousel-item v-for="(item, item_index) in roll_num_lang" :key="item" >
+                <img class="" src="../../public/img/4.png" title="" alt="">
+                <span class="swiper_dot1 dot1">
+                    {{ item_index+1}}
+                    高邮市周山镇开展渔业安全生产应急高邮市周山镇开展渔业安全生产应急高邮市周山镇开展渔业安全生产应急高邮市周山镇开展渔业安全生产应急
+                </span>
+            </el-carousel-item>
+            <div class="roll_num_box">  		
+                <span class="roll_num_box_new">{{roll_num_this+1}}</span>
+                /
+                {{ roll_num_lang }}
+            </div>
+        </el-carousel>
+    </div>
+</template>
+
+<script setup>
+import { ElCarousel, ElCarouselItem } from 'element-plus'
+
+import { ref } from 'vue'
+const roll_num_lang = ref(4);
+const roll_num_this = ref(0);
+
+const change_fun =(the_1)=>{
+    roll_num_this.value=the_1
+}
+</script>
+
+<style lang="less" scoped>
+.roll_num_box{
+    position:absolute;z-index:2;left:60px;bottom: 0px; 
+    height:60px;line-height:60px;color:#fff;font-size:16px;
+
+    .roll_num_box_new{font-size:20px;}
+}
+.dot1 {
+    display: block;
+    word-break: keep-all;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+.swiper {
+    width: 100%;
+    height: 405px;
+    position: relative;
+    img {
+        width: 100%;
+        height: 405px;
+    }
+    .swiper_dot1 {
+        display: block;
+        width: 100%;
+        line-height: 60px;
+        height: 60px;
+        color: #fff;
+        font-size: 18px;
+        text-indent: 20px;
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        z-index: 10;
+        box-sizing: border-box;
+        padding:0 144px;
+        background:linear-gradient(0deg,rgba(0,0,0,0.5) 33%,rgba(0,0,0,0) 100%);
+    }
+}
+.el-carousel {
+      /deep/.el-carousel__arrow i {
+            font-size: 33px !important;
+      }
+      .roll_1_box{position:relative;}
+      /deep/.el-carousel__arrow--left {
+            position:absolute;
+
+
+            width: 35px;
+            height: 57px;
+            color: #fff;
+            background:rgba(0,0,0,0);
+             
+            left: 9px;
+            border: none;
+            border-radius: 0;
+            top: 100%;
+            margin-top:-28px;
+      }
+      /deep/.el-carousel__arrow--right {
+            width: 35px;
+            height: 57px;
+            color: #fff;
+            background:rgba(0,0,0,0);
+            position: absolute;
+            right: 9;
+            border: none;
+            border-radius: 0;
+            top: 100%;
+            margin-top:-28px;
+      }
+      /deep/ .el-carousel__indicators {
+            // 指示器
+            left: unset;
+            transform: unset;
+            right: 10px;
+            bottom: 11px;
+      }
+      /deep/ .el-carousel__button {
+            // 指示器按钮
+            width: 10px;
+            height: 10px;
+            border: none;
+            border-radius: 5px;
+            background: #fff;
+            opacity: 1;
+      }
+      /deep/ .is-active .el-carousel__button {
+            // 指示器激活按钮
+            background: #255590;
+            width: 25px;
+            opacity: 1;
+
+      }
+      /deep/ .el-carousel__container {
+            height: 100%;
+      }
+}
+.custom-indicator button {
+    background-color: #fff;
+    opacity: 1;
+    width: 8px;
+    height: 8px;
+}
+.custom-indicator button.is-active {
+    background-color: #DD7D18;
+    width: 58px;
+    opacity: 1;
+}
+</style>

components/home/pageNavigation.vue

@@ -56,9 +56,9 @@
             <div class="inner">
                 <div class="deepServer_left">
                     <div class="serverTitle">
-                        <a href="/">
+                        <NuxtLink href="/" >
                             网站首页
-                        </a>
+                        </NuxtLink>
                     </div>
                     <el-checkbox-group v-model="checkList">
                         <el-checkbox label="产品" value="1" />

components/home/pageNavigation1.vue

@@ -1,108 +1,109 @@
 <template>
     <div class="navigate">
-        <!-- 第一部分导航 start -->
         <div class="partOne">
             <div class="inner">
-                <div class="navigationOneTitle">
-                    资讯信息
-                </div>
-                <ul class="navigationOne">
-                    <li v-for="(item, index) in 12" :key="index">
-                        <NuxtLink to="/">
-                            政策法规
-                        </NuxtLink>
-                    </li>
-                </ul>
-                <em class="line"></em>
-                <em class="line1"></em>
-                <div class="navigationOneTitle">
-                    农副商城
-                </div>
-                <ul class="navigationOne">
-                    <li v-for="(item, index) in 12" :key="index">
-                        <NuxtLink to="/">
-                            粮油茶糖
-                        </NuxtLink>
-                    </li>
-                </ul>
-                <em class="line"></em>
-                <em class="line1"></em>
-                <div class="navigationOneTitle">
-                    网上互动
+                <div class="navLeft">
+                    <div class="navClass">
+                        <div>
+                            资讯信息
+                        </div>
+                        <div>
+                            网上互动
+                        </div>
+                    </div>
                 </div>
                 <ul class="navigationOne">
-                    <li v-for="(item, index) in 12" :key="index">
-                        <NuxtLink to="/">
-                            农产供求
+                    <li v-for="item in navigation1">
+                        <NuxtLink 
+                            :href="getLinkPath(item)" 
+                            :title="item.alias"
+                            :target="item.is_url == 1 ? '_blank' : '_self'">
+                            {{ item.alias }}
                         </NuxtLink>
                     </li>
                 </ul>
             </div>
         </div>
-        <!-- 第一部分导航 end -->
 
-        <!-- 第二部分导航 start -->
         <div class="partTwo">
             <div class="inner">
-                <ul class="nav2">
-                    <li>
-                        <NuxtLink to="/">首页</NuxtLink>
-                    </li>
-                    <li>
-                        <NuxtLink to="/">农副商业中心</NuxtLink>
+                <ul class="part2_left">
+                    <li>农资商城</li>
+                    <li class="part2_navList" v-for="item in navigation2">
+                        <NuxtLink 
+                            :href="getLinkPath(item)" 
+                            :title="item.alias"
+                            :target="item.is_url == 1 ? '_blank' : '_self'">
+                            {{ item.alias }}
+                        </NuxtLink>
                     </li>
-                    <li class="navList" v-for="(item, index) in navigation1" :key="index">
-                        <NuxtLink :href="getLinkPath(item)" :title="item.alias" :target="item.is_url == 1 ? '_blank' : '_self'">
+                </ul>
+                <ul class="part2_right">
+                    <li class="part2_right_navList" v-for="(item, index) in navigation3">
+                        <NuxtLink 
+                            :href="getLinkPath(item)" 
+                            :title="item.alias"
+                            :target="item.is_url == 1 ? '_blank' : '_self'">
                             {{ item.alias }}
                         </NuxtLink>
+                        <em v-if="index != 2"></em>
                     </li>
                 </ul>
             </div>
         </div>
-        <!-- 第二部分导航 end -->
-
-        <!-- 第三部分导航  start-->
+        <!-- 深度服务 -->
         <div class="deepServer">
             <div class="inner">
-                <div class="deepServer_right">
-                    <div class="serverTitle_right">
-                        站内搜索:
+                <div class="deepServer_left">
+                    <div class="serverTitle">
+                        <NuxtLink href="/" >
+                            网站首页
+                        </NuxtLink>
+                    </div>
+                    <el-checkbox-group v-model="checkList">
+                        <el-checkbox label="产品" value="1" />
+                        <el-checkbox label="企业" value="2" />
+                        <el-checkbox label="人才" value="3" />
+                        <el-checkbox label="展会" value="4" />
+                        <el-checkbox label="资讯" value="5" />
+                    </el-checkbox-group>
+                    <div class="serverTitle1">
+                        <a href="">
+                            农资商务中心
+                        </a>
                     </div>
+                </div>
+                <div class="deepServer_right">
                     <div class="searchRole">
                         <input type="text" v-model="inputValue" placeholder="输入关键词" class="ipt">
                         <em @click="goToPrimary"></em>
                     </div>
-                </div>
-                <div class="deepServer_left">
-                    <div class="serverTitle">
-                        供应信息
+                    <div class="serverTitle_right">
+                        【高级搜索】
                     </div>
-                    <ul class="contentList">
-                        <li>地区搜索:</li>
-                        <li v-for="item in provinceList">
-                            <NuxtLink :to="{ path: `/search/${item.id}`}">{{item.abbreviation}}</NuxtLink>
-                        </li>
-                    </ul>
                 </div>
             </div>
         </div>
-        <!-- 第三部分导航  end-->
     </div>
 </template>
 
 <script setup>
 //1.获取导航菜单 start ---------------------------------------->
+import { ElCheckbox, ElCheckboxGroup,ElMessage  } from 'element-plus'
+
 //第一行导航菜单 10个
 const navigation1 = ref([]);
 //两行的导航菜单 20个 
 const navigation2 = ref([]);
+//三行的导航菜单 3个
+const navigation3 = ref([]);
 //获取导航菜单1 
 async function getNavigation1() {
     const mkdata = await requestDataPromise('/web/getWebsiteModelCategory', {
         method: 'GET',
         query: {
             'pid': 0,
-            'num': 10,
+            'num': 28,
             'placeid': 1
         },
     });
@@ -116,17 +117,32 @@ async function getNavigation2() {
         query: {
             'pid': 0,
             'num': 10,
-            'placeid': 11
+            'placeid': 28
         },
     });
     navigation2.value = mkdata.data;
 }
 getNavigation2();
+//获取导航菜单3
+async function getNavigation3() {
+    const mkdata = await requestDataPromise('/web/getWebsiteModelCategory', {
+        method: 'GET',
+        query: {
+            'pid': 0,
+            'num': 3,
+            'placeid': 38
+        },
+    });
+    navigation3.value = mkdata.data;
+}
+getNavigation3();
 //1.获取导航菜单 end ---------------------------------------->
 
 //2.搜索 start ---------------------------------------->
-const inputValue = ref("") //关键词搜索
+const typeValue = ref("")
+const checkList = ref([]);// 多选框
 
+const inputValue = ref("") //关键词搜索
 //2.1跳转到搜索页面
 let goToPrimary = async () => {
     if (inputValue.value=="") {
@@ -137,29 +153,14 @@ let goToPrimary = async () => {
     }
 }
 
-const provinceList = ref([]);//省列表
 
-onMounted(async ()  => {
-    //获得所有的省
-    try {
-        const { $webUrl, $CwebUrl } = useNuxtApp();
-        const response2 = await fetch($webUrl + '/web/selectWebsiteArea', {
-            headers: {
-                'Content-Type': 'application/json',
-                'Userurl': $CwebUrl,
-                'Origin': $CwebUrl
-            }
-        });
-        const result2 = await response2.json();
-        provinceList.value = result2.data;
-    } catch (error) {
-        console.error('获取行政区划数据失败:', error);
-    }
+onMounted(async () => {
+        
 })
 //2.搜索 end ---------------------------------------->
 
 </script>
 
 <style lang="less" scoped>
-    @import url('@/assets/css/public/nav.less');
+@import url('@/assets/css/public/nav.less');
 </style>

pages/[dir]/index.html.vue

@@ -4,256 +4,235 @@
         <HomePageNavigation></HomePageNavigation>
         <HomeSecondaryHeading :titleData="pageData" :pinyinid="routeId"></HomeSecondaryHeading>
         <!-- 频道页 -->
-        <main class="index_main" id="all_vue">
+        <main class="index_main">
             <section class="channel_1 clearfix">
-                <div class="channel_box_1 clearfix">
-                    <div class="channel_name_ul">
-                        <div class="channel_name_ul_li" v-for="(per_obj, per_index) in 10" :key="per_obj">
-                            <a class="channel_name_ul_li_tag" href="" title="">【三农资讯】</a>
-                            <a class="channel_name_ul_li_dot1 dot1" href="" title="">民工动态民工动态民工动态民工动态民工动态民工动态民工动态</a>
-                        </div>
+                <div class="channel_1_box clearfix">
+                    <div class="roll_1_box clearfix">
+                        <HomeSwiperNzgx></HomeSwiperNzgx>
                     </div>
                 </div>
-                <div class="channel_box_2 clearfix">
-                    <div class="channel_1_box clearfix">
-                        <HomeBigSwiper></HomeBigSwiper>
+                <div class="channel_2_box clearfix">
+                    <div class="channel_ul_1 clearfix">
+                        <a class="channel_ul_1_a dot1" href="" title="" v-for="(per_obj, per_index) in 9"
+                            :key="per_obj"> 生活用品生活用品生活用品生活用品生活用品生活用品 </a>
                     </div>
                 </div>
             </section>
-            <div class="channel_banner_1"><a class="channel_banner_1_a" href="" title=""><img
-                        class="channel_banner_1_img" src="@/public/img/3.png" title="" alt=""></a></div>
+            <div class="channel_banner_1"><a class="channel_banner_1_a" href="" title="">
+                <img class="channel_banner_1_img" src="@/public/img/3.png" title="" alt=""></a>
+            </div>
             <section class="channel_2 clearfix">
-                <div class="channel_box_3 clearfix">
-                    <!--open   企业风采-->
-                    <div class="channel_head_btn_box">
-                        <div class="channel_head_btn channel_head_btn_only">
-                            <a class="channel_head_a" href="" title="">企业风采</a>
-                        </div>
-                        <a class="channel_head_btn_right_a" href="" title="">栏目简介</a>
-                    </div>
-                    <div class="channel_big_ul clearfix">
-                        <div class="channel_big_li clearfix" v-for="(per_obj, per_index) in 2" :key="per_obj">
-                            <div class="channel_big_li_img_box">
-                                <img class="channel_big_li_img" src="@/public/img/28.png" title="" alt="">
-                            </div>
-                            <div class="channel_big_li_in">
-                                <div class="channel_ul_1">
-                                    <a class="channel_ul_1_a dot1" href="" title="" v-for="(per_obj, per_index) in 4"
-                                        :key="per_obj">农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</a>
-                                </div>
+                <div class="channel_1_box">
+                    <div class="channel_head_box clearfix">
+                        <div class="channel_head_box_left">
+                            <div class="channel_head_left_a_btn">
+                                <a class="channel_head_left_a channel_head_left_a_only" href="" title="">热点话题</a>
                             </div>
                         </div>
                     </div>
-                    <!--end 企业风采 -->
-                    <!--open   国际贸易-->
-                    <div class="channel_head_btn_box channel_head_top">
-                        <div class="channel_head_btn channel_head_btn_only">
-                            <a class="channel_head_a" href="" title="">
-                                国际贸易
-                            </a>
-                        </div>
-                        <a class="channel_head_btn_right_a" href="" title="">栏目简介</a>
-                    </div>
+                    <!--热点话题 open-->
                     <div class=" clearfix">
-                        <div class="channel_box_5 clearfix">
-                            <div class="channel_img_ul_2">
-                                <div class="channel_img_ul_2_li">
-                                    <a class="channel_img_ul_2_li_a" href="" title="">
-                                        <img class="channel_img_ul_2_li_img" src="@/public/img/5.png" title="" alt="">
-                                        <div class="channel_img_ul_2_li_dot1 dot1">
-                                            农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权
+                        <div class="channel_3_box clearfix">
+                            <div class="channel_ul_2 clearfix">
+                                <a class="channel_ul_2_a dot1" href="" title="" v-for="(per_obj, per_index) in 11"
+                                    :key="per_obj">
+                                    农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权 </a>
+                            </div>
+                        </div>
+                        <div class="channel_4_box clearfix">
+                            <div class="channel_img_ul_1">
+                                <div class="channel_img_ul_1_li">
+                                    <a class="channel_img_ul_1_li_a" href="" title="">
+                                        <img class="channel_img_ul_1_li_img" src="@/public/img/31.png" title="" alt="">
+                                        <div class="channel_img_ul_1_li_dot2 dot2">
+                                            农民工维权农民工维权农民工维权农民工维权农民工维权农 民工维权农民工维权农民工维权农民工维权农民工维权农民工维权
                                         </div>
                                     </a>
                                 </div>
                             </div>
-                        </div>
-                        <div class="channel_box_6 clearfix">
-                            <div class="channel_ul_2 clearfix">
-                                <a class="channel_ul_2_a dot1" href="" title="" v-for="(per_obj, per_index) in 6"
-                                    :key="per_obj">
-                                    农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权 </a>
+                            <div class="channel_img_ul_even_1 clearfix">
+                                <div class="channel_img_ul_even_1_li" v-for="(per_obj, per_index) in 2" :key="per_obj">
+                                    <a class="channel_img_ul_even_1_li_a" href="" title="">
+                                        <img class="channel_img_ul_even_1_li_img" src="@/public/img/32.png" title=""
+                                            alt="">
+                                        <div class="channel_img_ul_even_1_li_dot2 dot2">
+                                            农民工维权农民工维权农民工维权农民工维 权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权
+                                        </div>
+                                    </a>
+                                </div>
                             </div>
                         </div>
                     </div>
-                    <!--end 国际贸易 -->
+                    <!--热点话题 end-->
                 </div>
-                <div class="channel_box_4 clearfix">
-                    <!--open  热点话题 -->
-                    <div class="channel_head_btn_box">
-                        <div class="channel_head_btn channel_head_btn_only">
-                            <a class="channel_head_a" href="" title="">
-                                热点话题
-                            </a>
+                <div class="channel_2_box">
+                    <div class="channel_head_box clearfix">
+                        <div class="channel_head_box_left">
+                            <div class="channel_head_left_a_btn">
+                                <a class="channel_head_left_a channel_head_left_a_only" href="" title="">人物访谈</a>
+                            </div>
+                        </div>
+                        <div class="channel_head_box_right">
+                            <a class="channel_head_box_right_1_a" href="" title=""> 栏目简介 </a>
                         </div>
-                        <a class="channel_head_btn_right_a" href="" title="">栏目简介</a>
                     </div>
-                    <div class="channel_img_ul_3">
-                        <div class="channel_img_ul_3_li clearfix_2" v-for="(per_obj, per_index) in 6" :key="per_obj">
-                            <a class="channel_img_ul_3_li_a" href="" title="">
-                                <div class="channel_img_ul_3_li_img_box">
-                                    <img class="channel_img_ul_3_li_img" src="@/public/img/29.png" title="" alt="">
-                                </div>
-                                <div class="channel_img_ul_3_li_dot3 dot3">
-                                    国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易
-                                </div>
-                                <div class="channel_img_ul_3_li_num">{{ per_index + 1 }}</div>
-                            </a>
+                    <!--人物访谈 open-->
+                    <div class=" clearfix">
+                        <div class="channel_even_img_ul_2 clearfix">
+                            <div class="channel_even_img_ul_2_li" v-for="(per_obj, per_index) in 2" :key="per_obj">
+                                <a class="channel_even_img_ul_2_a" href="" title="">
+                                    <img class="channel_even_img_ul_2_li_img" src="@/public/img/9.png" title="" alt="">
+                                    <div class="channel_even_img_ul_2_dot1 dot1">
+                                        农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</div>
+                                </a>
+                            </div>
+                        </div>
+                        <div class="channel_ul_3 clearfix">
+                            <a class="channel_ul_3_a dot1" href="" title="" v-for="(per_obj, per_index) in 7"
+                                :key="per_obj"> 生活用品生活用品生活用品生活用品生活用品生品生活用品生品生活用品生活用品 </a>
                         </div>
                     </div>
+                    <!--人物访谈 end-->
                 </div>
-                <!--end 热点话题 -->
             </section>
-            <div class="channel_banner_2"><a class="channel_banner_2_a" href="" title=""><img
-                        class="channel_banner_2_img" src="@/public/img/3.png" title="" alt=""></a></div>
             <section class="channel_3 clearfix">
-                <div class="channel_box_3 clearfix">
-                    <!--open   新人新事 -->
-                    <div class="channel_head_btn_box">
-                        <div class="channel_head_btn channel_head_btn_only">
-                            <a class="channel_head_a" href="" title="">
-                                新人新事
-                            </a>
+                <div class="channel_1_box">
+                    <div class="channel_head_box clearfix">
+                        <div class="channel_head_box_left">
+                            <div class="channel_head_left_a_btn">
+                                <a class="channel_head_left_a channel_head_left_a_only" href="" title="">国际采风</a>
+                            </div>
                         </div>
-                        <a class="channel_head_btn_right_a" href="" title="">栏目简介</a>
-                    </div>
-                    <div class="channel_img_ul_4 clearfix">
-                        <div class="channel_img_ul_4_li clearfix" v-for="(per_obj, per_index) in 2" :key="per_obj">
-                            <a class="channel_img_ul_4_li_a clearfix" href="" title="">
-                                <div class="channel_img_ul_4_li_img_box">
-                                    <img class="channel_img_ul_4_li_img" src="@/public/img/30.png" title="" alt="">
-                                </div>
-                                <div class="channel_img_ul_4_li_dot2 dot2">
-                                    招商招标招商招标招商招标招商招标招商招标招商招标招商招标招商招标招商招标招商招标招商招标招商招标招商招标招商招标招商招标 </div>
-                            </a>
+                        <div class="channel_head_box_right">
+                            <a class="channel_head_box_right_1_a" href="" title=""> 栏目简介 </a>
                         </div>
                     </div>
-                    <div class="channel_ul_3 clearfix">
-                        <div class="channel_ul_3_li clearfix" v-for="(per_obj, per_index) in 3" :key="per_obj">
-                            <a class="channel_ul_3_li_a" href="" title="">
-                                <div class="channel_ul_3_li_tag">新人新事</div>
-                                <div class="channel_ul_3_li_dot1 dot1">
-                                    新人新事新人新事新人新事新人新事新人新事新人新事新人新事新人新事新人新事新人新事新人新事新人新事新人新事新人新事</div>
-                            </a>
+                    <!--国际采风 open-->
+                    <div class=" clearfix">
+                        <div class="channel_ul_4 clearfix">
+                            <a class="channel_ul_4_a dot1" href="" title="" v-for="(per_obj, per_index) in 8"
+                                :key="per_obj"> 生活用品生活用品生活用品生活用品生活用品生品生活用品生品生活用品生活用品 </a>
                         </div>
                     </div>
-                    <!--end  新人新事 -->
+                    <!--国际采风 end-->
                 </div>
-                <div class="channel_box_4 clearfix">
-                    <!--open  专题报道-->
-                    <div class="channel_head_btn_box">
-                        <div class="channel_head_btn channel_head_btn_only">
-                            <a class="channel_head_a" href="" title="">
-                                专题报道
-                            </a>
+                <div class="channel_2_box">
+                    <div class="channel_head_box clearfix">
+                        <div class="channel_head_box_left">
+                            <div class="channel_head_left_a_btn">
+                                <a class="channel_head_left_a channel_head_left_a_only" href="" title="">品牌快讯</a>
+                            </div>
+                        </div>
+                        <div class="channel_head_box_right">
+                            <a class="channel_head_box_right_1_a" href="" title=""> 栏目简介 </a>
                         </div>
-                        <a class="channel_head_btn_right_a" href="" title="">栏目简介</a>
                     </div>
-                    <div class="channel_img_ul_5">
-                        <div class="channel_img_ul_5_li">
-                            <a class="channel_img_ul_5_li_a" href="" title="">
-                                <img class="channel_img_ul_5_li_img" src="@/public/img/31.png" title="" alt="">
-                                <div class="channel_img_ul_5_li_dot2 dot2">
-                                    农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</div>
+                    <!--品牌快讯 open-->
+                    <div class="channel_img_ul_2">
+                        <div class="channel_img_ul_2_li">
+                            <a class="channel_img_ul_2_li_a" href="" title="">
+                                <img class="channel_img_ul_2_li_img" src="@/public/img/31.png" title="" alt="">
+                                <div class="channel_img_ul_2_li_dot2 dot2">农民工维权农民工维权农民工维权农民工维权农民工维权农
+                                    民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</div>
                             </a>
                         </div>
                     </div>
-                    <!--end  专题报道-->
+                    <!--品牌快讯 end-->
                 </div>
             </section>
+            <div class="channel_banner_2"><a class="channel_banner_2_a" href="" title=""><img
+                        class="channel_banner_2_img" src="@/public/img/3.png" title="" alt=""></a></div>
             <section class="channel_4 clearfix">
-                <div class="channel_box_3 clearfix">
-                    <div class="channel_head_btn_box">
-                        <div class="channel_head_btn" :class="{ channel_head_btn_only: channel_choice_1_num == 1 }"
-                            @mouseover="channel_choice_1_num = 1">
-                            <a class="channel_head_a" href="" title="">农产动态</a>
-                        </div>
-                        <div class="channel_head_btn" :class="{ channel_head_btn_only: channel_choice_1_num == 2 }"
-                            @mouseover="channel_choice_1_num = 2">
-                            <a class="channel_head_a" href="" title=""> 品牌快讯 </a>
+                <div class="channel_1_box">
+                    <div class="channel_head_box clearfix">
+                        <div class="channel_head_box_left">
+                            <div class="channel_head_left_a_btn"><a class="channel_head_left_a channel_head_left_a_only"
+                                    href="" title="">企业采风</a></div>
                         </div>
-                        <a class="channel_head_btn_right_a" href="" title="">栏目简介</a>
+                        <div class="channel_head_box_right"><a class="channel_head_box_right_1_a" href="" title=""> 栏目简介
+                            </a></div>
                     </div>
+                    <!--企业采风 open-->
                     <div class=" clearfix">
-                        <!--open   农产动态-->
-                        <div class=" clearfix" v-show="channel_choice_1_num == 1">
-                            <div class="channel_box_5 clearfix">
-                                <div class="channel_img_ul_6">
-                                    <div class="channel_img_ul_6_li"><a class="channel_img_ul_6_li_a" href=""
-                                            title=""><img class="channel_img_ul_6_li_img" src="@/public/img/31.png"
-                                                title="" alt="">
-                                            <div class="channel_img_ul_6_li_dot2 dot2">
-                                                农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权
-                                            </div>
-                                        </a></div>
-                                </div>
-                                <div class="channel_img_ul_even_1 clearfix">
-                                    <div class="channel_img_ul_even_1_li" v-for="(per_obj, per_index) in 2"
-                                        :key="per_obj">
-                                        <a class="channel_img_ul_even_1_li_a" href="" title="">
-                                            <img class="channel_img_ul_even_1_li_img" src="@/public/img/32.png"
-                                                title="" alt="">
-                                            <div class="channel_img_ul_even_1_li_dot2 dot2">
-                                                农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权
-                                            </div>
-                                        </a>
-                                    </div>
+                        <div class="channel_3_box clearfix">
+                            <div class="channel_img_ul_3_ul">
+                                <div class="channel_img_ul_3_li">
+                                    <a class="channel_img_ul_3_li_a" href="" title="">
+                                        <img class="channel_img_ul_3_li_img" src="@/public/img/8.png" title="" alt="">
+                                        <div class="channel_img_ul_3_li_dot1 dot1">
+                                            农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权
+                                        </div>
+                                    </a>
                                 </div>
                             </div>
-                            <div class="channel_box_6 clearfix">
-                                <div class="channel_ul_4 clearfix">
-                                    <a class="channel_ul_4_a dot1" href="" title="" v-for="(per_obj, per_index) in 10"
-                                        :key="per_obj">
-                                        1农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权 </a>
-                                </div>
+                        </div>
+                        <div class="channel_4_box clearfix">
+                            <div class="channel_ul_5 clearfix">
+                                <a class="channel_ul_5_a dot1" href="" title="" v-for="(per_obj, per_index) in 6"
+                                    :key="per_obj">
+                                    农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权 </a>
                             </div>
                         </div>
-                        <!--end  农产动态-->
-                        <!--open   品牌快讯-->
-                        <div class=" clearfix" v-show="channel_choice_1_num == 2"> 品牌快讯</div>
-                        <!--end  品牌快讯-->
                     </div>
-                </div>
-                <div class="channel_box_4 clearfix">
-                    <div class="channel_head_btn_box">
-                        <div class="channel_head_btn" :class="{ channel_head_btn_only: channel_choice_2_num == 1 }"
-                            @mouseover="channel_choice_2_num = 1">
-                            <a class="channel_head_a" href="" title=""> 市场预测 </a>
-                        </div>
-                        <div class="channel_head_btn" :class="{ channel_head_btn_only: channel_choice_2_num == 2 }"
-                            @mouseover="channel_choice_2_num = 2">
-                            <a class="channel_head_a" href="" title="">价格行情</a>
+                    <!--企业采风 end-->
+                    <div class="channel_head_box clearfix channel_head_box_2">
+                        <div class="channel_head_box_left">
+                            <div class="channel_head_left_a_btn"><a class="channel_head_left_a channel_head_left_a_only"
+                                    href="" title="">农资动态</a></div>
                         </div>
-                        <a class="channel_head_btn_right_a" href="" title="">栏目简介</a>
+                        <div class="channel_head_box_right"><a class="channel_head_box_right_1_a" href="" title=""> 栏目简介
+                            </a></div>
                     </div>
+                    <!--农资动态 open-->
                     <div class=" clearfix">
-                        <!--open  市场预测 -->
-                        <div class=" clearfix" v-show="channel_choice_2_num == 1">
-                            <div class="channel_img_ul_7 clearfix">
-                                <div class="channel_img_ul_7_li">
-                                    <a class="channel_img_ul_7_li_a" href="" title="">
-                                        <img class="channel_img_ul_7_li_img" src="@/public/img/33.png" title="" alt="">
-                                        <div class="channel_img_ul_7_li_foot">
-                                            <div class="channel_img_ul_7_li_tag">热 门</div>
-                                            <div class="channel_img_ul_7_li_dot1 dot1">
-                                                热门热门热门热门热门热门热门热门热门热门热门热门热门</div>
+                        <div class="channel_3_box clearfix">
+                            <div class="channel_img_ul_4_ul">
+                                <div class="channel_img_ul_4_li">
+                                    <a class="channel_img_ul_4_li_a" href="" title="">
+                                        <img class="channel_img_ul_4_li_img" src="@/public/img/9.png" title="" alt="">
+                                        <div class="channel_img_ul_4_li_dot1 dot1">
+                                            农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权
                                         </div>
                                     </a>
                                 </div>
                             </div>
-                            <div class="channel_ul_5 clearfix">
-                                <a class="channel_ul_5_a dot1" href="" title="" v-for="(per_obj, per_index) in 6"
+                        </div>
+                        <div class="channel_4_box clearfix">
+                            <div class="channel_ul_6 clearfix">
+                                <a class="channel_ul_6_a dot1" href="" title="" v-for="(per_obj, per_index) in 6"
                                     :key="per_obj">
-                                    农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权
+                                    农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权 </a>
+                            </div>
+                        </div>
+                    </div>
+                    <!--农资动态 end-->
+                </div>
+                <div class="channel_2_box">
+                    <div class="channel_head_box clearfix">
+                        <div class="channel_head_box_left">
+                            <div class="channel_head_left_a_btn"><a class="channel_head_left_a channel_head_left_a_only"
+                                    href="" title="">专题报道</a></div>
+                        </div>
+                        <div class="channel_head_box_right"><a class="channel_head_box_right_1_a" href="" title=""> 栏目简介
+                            </a></div>
+                    </div>
+                    <!--专题报道 open-->
+                    <div class=" clearfix">
+                        <div class="channel_img_ul_5_ul">
+                            <div class="channel_img_ul_5_li">
+                                <a class="channel_img_ul_5_li_a" href="" title="">
+                                    <img class="channel_img_ul_5_li_img" src="@/public/img/22.png" title="" alt="">
+                                    <div class="channel_img_ul_5_li_dot1 dot1">
+                                        农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</div>
                                 </a>
                             </div>
                         </div>
-                        <!--end 市场预测 -->
-                        <!--open  价格行情 -->
-                        <div class=" clearfix" v-show="channel_choice_2_num == 2">
-                            价格行情
+                        <div class="index_ul_7 clearfix">
+                            <a class="index_ul_7_a dot1" href="" title="" v-for="(per_obj, per_index) in 7"
+                                :key="per_obj"> 生活用品生活用品生活用品生活用品生活用品生活用品 </a>
                         </div>
-                        <!--end 价格行情 -->
                     </div>
+                    <!--专题报道 end-->
                 </div>
             </section>
         </main>