临时保存

临时保存

.nuxt/manifest/latest.json

@@ -1 +1 @@
-{"id":"dev","timestamp":1744945773784}
+{"id":"dev","timestamp":1745194659456}

.nuxt/manifest/meta/dev.json

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

.nuxt/nitro.json

@@ -1,5 +1,5 @@
 {
-  "date": "2025-04-18T03:09:40.136Z",
+  "date": "2025-04-21T00:17:48.559Z",
   "preset": "nitro-dev",
   "framework": {
     "name": "nuxt",
@@ -9,9 +9,9 @@
     "nitro": "2.10.4"
   },
   "dev": {
-    "pid": 14008,
+    "pid": 9756,
     "workerAddress": {
-      "socketPath": "\\\\.\\pipe\\nitro\\worker-14008-1.sock"
+      "socketPath": "\\\\.\\pipe\\nitro\\worker-9756-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

@@ -78,13 +78,13 @@
             .headImg {
                 width: 1086px;
                 height: 10px;
-                background: url("../../public/special/1.png") no-repeat 100% 100%;
+                background: url("@/public/special/1.png") no-repeat 100% 100%;
             }
 
             .footImg {
                 width: 1086px;
                 height: 7px;
-                background: url("../../public/special/3.png") no-repeat 100% 100%;
+                background: url("@/public/special/3.png") no-repeat 100% 100%;
             }
 
             .innerDetail1 {
@@ -93,7 +93,7 @@
                 padding: 30px 50px 40px;
                 box-sizing: border-box;
                 border-left: 1px solid #c6d9f0;
-                background: url("../../public/special/2.png") repeat-y 100% 100%;
+                background: url("@/public/special/2.png") repeat-y 100% 100%;
             }
 
            .leftBottom::v-deep {
@@ -118,7 +118,7 @@
                 line-height: 58px;
                 text-align: center;
                 color: #fff;
-                background: url("../../public/special/projectMoreTitle.png") no-repeat;
+                background: url("@/public/special/projectMoreTitle.png") no-repeat;
                 margin-bottom: 30px;
             }
 
@@ -149,15 +149,13 @@
                     font-family: Microsoft YaHei, Microsoft YaHei;
                     font-weight: 400;
                     font-size: 16px;
-                    color: #255590;
+                    color: #004564;
                 }
 
             }
 
             .active {
-                // border-left: 0;
-                // border: 1px solid #028E21;
-                background: #255590;
+                background: #004564;
                 color: #fff;
             }
         }

assets/css/class.less

@@ -63,6 +63,13 @@ body {
     -webkit-line-clamp: 2;
 }
 
+.dot3 {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 3;
+}
+
 input,
 img {
     border: none;
@@ -95,77 +102,69 @@ section {
 }
 
 .index_main {
-    margin: 0 auto;
-    width: 1200px;
+    margin: 0 auto ;
 }
 
-.channel_1 {
-    margin-top: 40px;
+.slow_6 {
+    -webkit-transition: all .6s;
+    -moz-transition: all .6s;
+    -ms-transition: all .6s;
+    -o-transition: all .6s;
+    transition: all .6s;
 }
 
-.channel_nav {
-    height: 60px;
+.index_main {
     width: 1200px;
-    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;
-    }
+}
 
-    .channel_nav_a:nth-of-type(1) {
-        color: #fff;
-        margin: 0px 42px;
-    }
+/*channel*/
+.channel_box_1 {
+    float: left;
+    width: 450px;
 }
 
-.channel_1_box {
+.channel_box_2 {
+    float: right;
     width: 720px;
-    height: 405px;
 }
 
-.channel_1_left {
+.channel_box_3 {
     float: left;
     width: 720px;
 }
 
-.channel_1_right {
+.channel_box_4 {
     float: right;
     width: 450px;
 }
 
-.channel_1_box_1 {
+.channel_box_5 {
     float: left;
     width: 350px;
-    margin-right: 20px;
 }
 
-.channel_1_box_2 {
-    float: left;
+.channel_box_6 {
+    float: right;
     width: 350px;
 }
 
+
+
 .channel_name_ul {
     margin-top: 0px;
 
     .channel_name_ul_li {
         height: 24px;
-        margin-bottom: 18px;
+        margin-bottom: 18.4px;
         display: flex;
     }
 
     .channel_name_ul_li_tag {
         height: 24px;
         line-height: 24px;
-        color: #0046AE;
+        color: #004564;
         font-size: 18px;
-        margin-right: 15px;
+        margin-right: 10px;
         word-break: keep-all;
         white-space: nowrap;
     }
@@ -178,132 +177,131 @@ section {
         width: 100%;
     }
 
-    .channel_name_ul_li:nth-of-type(1) .channel_name_ul_li_tag {
-        display: none;
-    }
-
-    .channel_name_ul_li:nth-of-type(1) .channel_name_ul_li_dot1 {
+    .channel_name_ul_li:nth-of-type(5n-4) .channel_name_ul_li_dot1 {
         font-weight: bold;
         font-size: 20px;
+        color: #004564;
+    }
+
+    .channel_name_ul_li:nth-of-type(5n-4) .channel_name_ul_li_tag {
+        display: none;
     }
 
     .channel_name_ul_li:hover .channel_name_ul_li_dot1 {
-        color: #255590;
+        color: #004564;
+    }
+}
+
+.channel_1_box {
+    width: 720px;
+    height: 405px;
+}
+
+.channel_1 {
+    margin: 40px auto 0px;
+}
+
+.channel_banner_1 {
+    width: 1200px;
+    margin: 12px auto 0px;
+
+    .channel_banner_1_a {
+        width: 1200px;
+        display: block;
+    }
+
+    .channel_banner_1_img {
+        width: 1200px;
+        display: block;
     }
 }
 
 .channel_2 {
-    margin-top: 16px;
+    margin: 30px auto 0px;
 }
 
-.channel_head {
-    height: 30px;
+.channel_head_btn_box {
+    height: 39px;
+    margin-bottom: 30px;
+    border-bottom: solid 2px #004564;
     position: relative;
-    margin-bottom: 28px;
 
-    .channel_head_name {
+    .channel_head_btn {
         float: left;
         height: 30px;
         line-height: 30px;
-        color: #255590;
+        color: #004564;
         font-size: 22px;
-        text-indent: 22px;
+        margin-right: 22px;
         font-weight: bold;
     }
 
-    .channel_head_name_a {
-        display: block;
+    .channel_head_a {
         height: 30px;
         line-height: 30px;
-        color: #255590;
+        color: #333;
         font-size: 22px;
         font-weight: bold;
     }
 
-    .channel_head_name::after {
-        content: '';
-        display: block;
-        width: 3px;
-        height: 18px;
-        background: #255590;
-        position: absolute;
-        left: 0px;
-        top: 6px;
-        z-index: 11;
+    .channel_head_btn_only {
+        color: #004564;
+    }
+
+    .channel_head_btn_only .channel_head_a {
+        color: #004564;
     }
 
-    .channel_head_more {
+    .channel_head_btn_right_a {
         float: right;
-        height: 30px;
-        line-height: 30px;
         color: #999;
         font-size: 16px;
+        margin-top: 4px;
     }
 
-    .channel_head_more::after {
-        content: '';
-        display: block;
-        width: 100%;
-        height: 100%;
-        position: absolute;
-        left: 0px;
-        top: 0px;
-        z-index: 22;
+    .channel_head_btn_right_a:hover {
+        color: #004564;
     }
 }
 
-.channel_head:hover .channel_head_more {
-    color: #255590;
-}
-
-.channel_img_big_1_ul {
-    .channel_img_big_1_li {
-        width: 350px;
-        height: 230px;
-        margin-bottom: 31px;
-        position: relative;
+.channel_big_ul {
+    .channel_big_li {
+        background: #F9FAFB;
+        box-sizing: border-box;
+        margin-bottom: 19px;
     }
 
-    .channel_img_big_1_li_a {}
+    .channel_big_li_img_box {
+        width: 200px;
+        height: 145px;
+        float: left;
+    }
 
-    .channel_img_big_1_li_img {
+    .channel_big_li_img {
         display: block;
-        width: 350px;
-        height: 230px;
+        width: 200px;
+        height: 145px;
     }
 
-    .channel_img_big_1_li_dot1 {
-        width: 350px;
-        height: 44px;
-        line-height: 44px;
-        color: #fff;
-        font-size: 18px;
-        padding: 0px 10px;
-        box-sizing: border-box;
-        position: absolute;
-        z-index: 11;
-        left: 0px;
-        bottom: 0px;
-        background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 33%, rgba(0, 0, 0, 0) 100%);
+    .channel_big_li_in {
+        width: 502px;
+        float: right;
+        margin: 10px 8px 0px 0px;
     }
 }
 
-.channel_ul_2_a {
+.channel_ul_1_a {
     height: 24px;
     line-height: 24px;
     color: #333;
     font-size: 18px;
-    margin-bottom: 17px;
+    margin-bottom: 10px;
     box-sizing: border-box;
-    text-indent: 16px;
     position: relative;
-
-    &:hover {
-        color: #255590;
-    }
+    text-indent: 16px;
 }
 
-.channel_ul_2_a::after {
+.channel_ul_1_a::after {
     content: '';
     display: block;
     width: 6px;
@@ -316,53 +314,60 @@ section {
     z-index: 11;
 }
 
-.channel_ul_2_a:nth-of-type(3n-2) {
-    font-weight: bold;
+.channel_ul_1_a:hover {
+    color: #004564;
 }
 
-.channel_ul_2_a:hover::after {
+.channel_ul_1_a:hover::after {
     content: '';
     display: block;
-    background: #255590;
+    background: #004564;
 }
 
-.channel_img_big_2_ul {}
-
-.channel_img_big_2_li {
-    width: 350px;
-    height: 230px;
-    margin-bottom: 20px;
-    position: relative;
+.channel_ul_1_a:nth-of-type(1) {
+    font-weight: bold;
 }
 
-.channel_img_big_2_li_a {}
-
-.channel_img_big_2_li_img {
-    display: block;
-    width: 350px;
-    height: 230px;
+.channel_ul_1_a:last-of-type(1) {
+    margin: 0;
 }
 
-.channel_img_big_2_li_dot1 {
-    width: 350px;
-    height: 44px;
-    line-height: 44px;
-    color: #fff;
-    font-size: 18px;
-    padding: 0px 10px;
-    box-sizing: border-box;
-    position: absolute;
-    z-index: 11;
-    left: 0px;
-    bottom: 0px;
-    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 33%, rgba(0, 0, 0, 0) 100%);
+.channel_head_top {
+    margin-top: 10px;
 }
 
-.channel_3 {
-    margin-top: 31px;
+.channel_img_ul_2 {
+    .channel_img_ul_2_li {
+        height: 230px;
+        margin-bottom: 18px;
+        position: relative;
+    }
+
+    .channel_img_ul_2_li_a {}
+
+    .channel_img_ul_2_li_img {
+        display: block;
+        height: 230px;
+        width: 350px;
+    }
+
+    .channel_img_ul_2_li_dot1 {
+        height: 44px;
+        line-height: 44px;
+        color: #fff;
+        font-size: 18px;
+        padding: 0px 10px;
+        box-sizing: border-box;
+        position: absolute;
+        width: 350px;
+        z-index: 11;
+        left: 0px;
+        bottom: 0px;
+        background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 6%, rgba(0, 0, 0, 0) 100%);
+    }
 }
 
-.channel_ul_3_a {
+.channel_ul_2_a {
     height: 24px;
     line-height: 24px;
     color: #333;
@@ -371,13 +376,9 @@ section {
     box-sizing: border-box;
     text-indent: 16px;
     position: relative;
-
-    &:hover {
-        color: #255590;
-    }
 }
 
-.channel_ul_3_a::after {
+.channel_ul_2_a::after {
     content: '';
     display: block;
     width: 6px;
@@ -386,320 +387,385 @@ section {
     border-radius: 50%;
     position: absolute;
     left: 0px;
-    top: 9px;
+    top: 8px;
     z-index: 11;
+
+    &:hover {
+        color: #004564;
+    }
 }
 
-.channel_ul_3_a:nth-of-type(3n-2) {
+.channel_ul_2_a:nth-of-type(3n-2) {
     font-weight: bold;
 }
 
-.channel_ul_3_a:hover::after {
+.channel_ul_2_a:hover::after {
     content: '';
     display: block;
-    background: #255590;
+    background: #004564;
 }
 
-.channel_img_big_3_ul {
-    .channel_img_big_3_li {
-        height: 265px;
+.channel_img_ul_3 {
+    margin-top: 33px;
+
+    .channel_img_ul_3_li {
         position: relative;
+        background: #F9FAFB;
+        margin-bottom: 20px;
+    }
+
+    .channel_img_ul_3_li_a {
         width: 450px;
-        margin-bottom: 22px;
-        overflow: hidden;
+        display: flex;
     }
 
-    .channel_img_big_3_li_a {}
+    .channel_img_ul_3_li_img_box {
+        width: 140px;
+        height: 90px;
+        margin-right: 15px;
+    }
 
-    .channel_img_big_3_li_img {
-        display: block;
-        height: 267px;
-        width: 450px;
+    .channel_img_ul_3_li_img {
+        width: 140px;
+        height: 90px;
     }
 
-    .channel_img_big_3_li_dot1 {
-        width: 450px;
-        height: 44px;
-        line-height: 44px;
-        color: #fff;
+    .channel_img_ul_3_li_dot3 {
+        height: 72px;
+        line-height: 24px;
+        color: #333;
         font-size: 18px;
+        margin-top: 10px;
+        padding-right: 10px;
         box-sizing: border-box;
+        width: 100%;
+    }
+
+    .channel_img_ul_3_li_num {
         position: absolute;
-        padding: 0px 10px;
-        left: 0px;
-        bottom: 0px;
+        width: 20px;
+        height: 20px;
+        color: #fff;
+        font-size: 14px;
+        text-align: center;
+        line-height: 20px;
         z-index: 11;
-        background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 33%, rgba(0, 0, 0, 0) 100%);
+        left: 10px;
+        top: -3px;
     }
 }
 
-.channel_ul_4 {
-    width: 450px;
+.channel_img_ul_3_li:nth-of-type(1) .channel_img_ul_3_li_num {
+    background: #F25C57;
+}
 
-    .channel_ul_4_li {
-        width: 450px;
+.channel_img_ul_3_li:nth-of-type(2) .channel_img_ul_3_li_num {
+    background: #F29849;
+}
+
+.channel_img_ul_3_li:nth-of-type(3) .channel_img_ul_3_li_num {
+    background: #F2B227;
+}
+
+.channel_img_ul_3_li:nth-of-type(n+4) .channel_img_ul_3_li_num {
+    display: none;
+}
+
+.channel_img_ul_3_li_a:hover .channel_img_ul_3_li_dot3 {
+    color: #004564;
+}
+
+.channel_banner_2 {
+    width: 1200px;
+    margin: 10px auto 0px;
+
+    .channel_banner_2_a {
+        width: 1200px;
+        display: block;
+    }
+
+    .channel_banner_2_img {
+        width: 1200px;
+        display: block;
+    }
+}
+
+.channel_3 {
+    margin: 30px auto 0px;
+}
+
+.channel_img_ul_4 {
+    .channel_img_ul_4_li {
+        background: #F9FAFB;
+        width: 350px;
+        margin-bottom: 20px;
+    }
+
+    .channel_img_ul_4_li_a {
         display: flex;
-        height: 24px;
-        margin-bottom: 24px;
     }
 
-    .channel_ul_4_li_num {
-        height: 24px;
+    .channel_img_ul_4_li_img_box {
+        width: 165px;
+        height: 96px;
+        margin-right: 15px;
+    }
+
+    .channel_img_ul_4_li_img {
+        width: 165px;
+        height: 96px;
+    }
+
+    .channel_img_ul_4_li_dot2 {
+        height: 48px;
         line-height: 24px;
-        color: #ccc;
+        color: #333;
         font-size: 18px;
-        width: 24px;
+        margin-top: 23px;
+    }
+
+    .channel_img_ul_4_li_a:hover .channel_img_ul_4_li_dot2 {
+        color: #004564;
+    }
+
+    .channel_img_ul_4_li:nth-of-type(odd) {
+        float: left;
+    }
+
+    .channel_img_ul_4_li:nth-of-type(even) {
+        float: right;
+    }
+}
+
+.channel_ul_3_li {
+    height: 62px;
+    background: #F9FAFB;
+    margin-bottom: 15px;
+
+    .channel_ul_3_li_a {
+        display: block;
+        width: 720px;
+    }
+
+    .channel_ul_3_li_tag {
+        width: 50px;
+        height: 62px;
+        box-sizing: border-box;
+        line-height: 18px;
+        padding: 13px 0px 0;
+        font-weight: bold;
+        float: left;
+        color: #fff;
+        font-size: 12px;
+        background: #004564;
         text-align: center;
-        font-style: italic;
-        margin-right: 20px;
+        letter-spacing: 5px;
+        border-left: solid 7px #004564;
     }
 
-    .channel_ul_4_a {
-        height: 24px;
-        line-height: 24px;
+    .channel_ul_3_li_dot1 {
+        box-sizing: border-box;
+        padding: 0px 10px;
         color: #333;
         font-size: 18px;
+        height: 62px;
+        line-height: 62px;
+        width: 670px;
+        float: right;
+    }
 
-        &:hover {
-            color: #255590;
-        }
+    .channel_ul_3_li:nth-of-type(1) .channel_ul_3_li_dot1 {
+        font-weight: bold;
     }
 
-    .channel_ul_4_li:nth-of-type(-n+3) .channel_ul_4_li_num {
-        color: #255590;
+    &:hover .channel_ul_3_li_dot1 {
+        color: #004564;
     }
 }
 
-.channel_banner {
-    width: 1200px;
-    margin: 2px auto 0px;
-}
+.channel_img_ul_5 {}
 
-.channel_banner_a {
-    display: block;
-    width: 1200px;
+.channel_img_ul_5_li {
+    .channel_img_ul_5_li_a {}
+
+    .channel_img_ul_5_li_img {
+        display: block;
+        width: 450px;
+        height: 267px;
+    }
+
+    .channel_img_ul_5_li_dot2 {
+        height: 46px;
+        line-height: 23px;
+        color: #333;
+        font-size: 18px;
+        margin-top: 18px;
+        font-weight: bold;
+    }
+
+    .channel_img_ul_5_li_a:hover .channel_img_ul_5_li_dot2 {
+        color: #004564;
+    }
 }
 
-.channel_banner_img {
-    display: block;
-    width: 1200px;
+.channel_4 {
+    margin: 15px auto 0px;
 }
 
-.channel_img_big_4_ul {
-    .channel_img_big_4_li {
-        width: 350px;
-        margin-bottom: 25px;
-        overflow: hidden;
-    }
+.channel_img_ul_6 {}
 
-    .channel_img_big_4_li_a {}
+.channel_img_ul_6_li {
+    margin-bottom: 25px;
 
-    .channel_img_big_4_li_img {
+    .channel_img_ul_6_li_a {}
+
+    .channel_img_ul_6_li_img {
         display: block;
-        height: 230px;
         width: 350px;
+        height: 230px;
     }
 
-    .channel_img_big_4_li_dot2 {
-        height: 48px;
-        width: 350px;
+    .channel_img_ul_6_li_dot2 {
+        height: 46px;
+        line-height: 23px;
         color: #333;
         font-size: 18px;
-        margin-top: 20px;
-        line-height: 24px;
+        margin-top: 22px;
         font-weight: bold;
+        width: 350px;
     }
 }
 
-.channel_img_big_4_li_a:hover .channel_img_big_4_li_dot2 {
-    color: #255590;
+.channel_img_ul_6_li_a:hover .channel_img_ul_6_li_dot2 {
+    color: #004564;
 }
 
-.channel_img_ul_1 {}
-
-.channel_img_ul_1_li {
+.channel_img_ul_even_1_li {
     width: 165px;
+    margin-bottom: 0px;
 
-    .channel_img_ul_1_li_img {
-        display: block;
+    .channel_img_ul_even_1_li_a {}
+
+    .channel_img_ul_even_1_li_img {
         width: 165px;
         height: 96px;
     }
 
-    .channel_img_ul_1_li_dot2 {
-        height: 48px;
-        line-height: 24px;
+    .channel_img_ul_even_1_li_dot2 {
+        height: 46px;
+        line-height: 23px;
         color: #333;
         font-size: 18px;
-        margin-top: 15px;
+        margin-top: 13px;
     }
 }
 
-.channel_img_ul_1_li:nth-of-type(odd) {
-    float: left;
+.channel_img_ul_even_1_li_a:hover .channel_img_ul_even_1_li_dot2 {
+    color: #004564;
 }
 
-.channel_img_ul_1_li:nth-of-type(even) {
-    float: right;
+.channel_img_ul_even_1_li:nth-of-type(odd) {
+    float: left;
 }
 
-.channel_img_ul_1_li_a {}
-
-.channel_img_ul_1_li_a:hover .channel_img_ul_1_li_dot2 {
-    color: #255590;
+.channel_img_ul_even_1_li:nth-of-type(even) {
+    float: right;
 }
 
-.channel_ul_5_a {
+.channel_ul_4_a {
     height: 24px;
     line-height: 24px;
     color: #333;
     font-size: 18px;
     margin-bottom: 27px;
+    box-sizing: border-box;
 
     &:hover {
-        color: #255590;
+        color: #004564;
     }
 }
 
-.channel_ul_5_a:nth-of-type(5n-4) {
+.channel_ul_4_a:nth-of-type(5n-4) {
     font-weight: bold;
 }
 
-.channel_img_ul_2 {
-    .channel_img_ul_2_li {
-        width: 220px;
+.channel_img_ul_7 {
+    .channel_img_ul_7_li {
+        margin-bottom: 21px;
     }
 
-    .channel_img_ul_2_li:nth-of-type(odd) {
-        float: left;
-    }
-
-    .channel_img_ul_2_li:nth-of-type(even) {
-        float: right;
-    }
-
-    .channel_img_ul_2_li_a {}
+    .channel_img_ul_7_li_a {}
 
-    .channel_img_ul_2_li_img {
+    .channel_img_ul_7_li_img {
         display: block;
-        width: 220px;
-        height: 130px;
+        width: 450px;
+        height: 170px;
     }
 
-    .channel_img_ul_2_li_dot1 {
-        height: 24px;
-        line-height: 24px;
-        color: #333;
-        font-size: 18px;
-        margin-top: 20px;
-        text-align: center;
+    .channel_img_ul_7_li_foot {
+        height: 53px;
+        display: flex;
+        background: #F9FAFB;
     }
 
-    .channel_img_ul_2_li_a:hover .channel_img_ul_2_li_dot1 {
-        color: #255590;
+    .channel_img_ul_7_li_tag {
+        height: 53px;
+        text-align: center;
+        color: #fff;
+        font-size: 18px;
+        line-height: 53px;
+        background: #004564;
+        padding: 0px 21px;
+        word-break: keep-all;
+        white-space: nowrap;
+        font-weight: bold;
     }
-}
-
-.channel_ul_6 {
-    margin-top: 39px;
 
-    .channel_ul_6_a {
-        height: 24px;
-        line-height: 24px;
+    .channel_img_ul_7_li_dot1 {
+        height: 53px;
+        line-height: 53px;
         color: #333;
         font-size: 18px;
-        margin-bottom: 25px;
+        padding: 0px 15px 0px 10px;
         box-sizing: border-box;
-        text-indent: 16px;
-        position: relative;
-    }
-
-    .channel_ul_6_a::after {
-        content: '';
-        display: block;
-        width: 4px;
-        height: 4px;
-        background: #255590;
-        position: absolute;
-        left: 0px;
-        top: 10px;
-        z-index: 11;
-    }
-
-    .channel_ul_6_a:nth-last-of-type(1) {
-        margin-bottom: 11px;
-    }
-
-    .channel_ul_6_a:hover {
-        color: #255590;
+        font-weight: bold;
     }
 }
 
-.channel_4 {
-    margin-top: 14px;
+.channel_img_ul_7_li_a:hover .channel_img_ul_7_li_dot1 {
+    color: #004564;
 }
 
-.channel_ul_7_a {
+.channel_ul_5_a {
     height: 24px;
     line-height: 24px;
     color: #333;
     font-size: 18px;
-    margin-bottom: 37px;
+    margin-bottom: 19px;
     box-sizing: border-box;
     text-indent: 16px;
     position: relative;
 
     &:hover {
-        color: #255590;
+        color: #004564;
     }
 }
 
-.channel_ul_7_a::after {
+.channel_ul_5_a::after {
     content: '';
     display: block;
-    width: 4px;
-    height: 4px;
-    background: #333;
+    width: 6px;
+    height: 6px;
+    background: #ddd;
+    border-radius: 50%;
     position: absolute;
     left: 0px;
-    top: 10px;
+    top: 8px;
     z-index: 11;
 }
 
-.channel_ul_7_a:nth-of-type(1) {
-    font-weight: bold;
-}
-
-.channel_ul_7_a:hover::after {
+.channel_ul_5_a:hover::after {
     content: '';
     display: block;
-    background: #255590;
-}
-
-.channel_img_big_5_ul {
-    .channel_img_big_5_li {
-        margin-bottom: 25px;
-        overflow: hidden;
-    }
-
-    .channel_img_big_5_li_a {}
-
-    .channel_img_big_5_li_img {
-        display: block;
-        width: 100%;
-        height: 267px;
-    }
-
-    .channel_img_big_5_li_dot2 {
-        height: 48px;
-        color: #333;
-        font-size: 18px;
-        margin-top: 20px;
-        line-height: 24px;
-        font-weight: bold;
-    }
-
-    .channel_img_big_5_li_a:hover .channel_img_big_5_li_dot2 {
-        color: #255590;
-    }
+    background: #004564;
 }

assets/css/list.less

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

assets/css/search.less

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

components/detail/HotNews.vue

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

components/detail/HotNews2.vue

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

components/home/SecondaryHeading.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="title">{{ title }}</a>
         <span v-for="(item,index) in titleData">
             <NuxtLink :to="{ path: `/${item.aLIas_pinyin}/list-1.html`}" class="channel_nav_a" v-if="index<=7">{{ item.alias }}</NuxtLink>
@@ -47,33 +47,33 @@ getPageData();
 
 <style lang="less" scoped>
 .channel_nav {
-    height: 60px;
+    height: 42px;
+    border-bottom: solid 3px #004564;
+    margin-top: 30px;
     width: 1200px;
     margin: 0 auto;
-    background-image: url(@/public/img/5.png);
-    margin-top: 40px;
+    margin-top: 30px;
 
     .channel_nav_a {
         float: left;
-        height: 60px;
-        line-height: 60px;
-        color: #255590;
-        font-size: 20px;
-        margin: 0px 19px;
+        height: 42px;
+        line-height: 42px;
+        color: #333;
+        font-size: 18px;
+        margin-left: 30px;
         font-weight: bold;
     }
 
     >.channel_nav_a:nth-of-type(1) {
+        height: 42px;
+        line-height: 42px;
+        font-size: 30px;
         color: #fff;
-        width: 230px;
-        padding-left: 50px;
-        box-sizing: border-box;
-        margin-left:0;
-        margin-right: 0;
+        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;
     }
 }
-.back100 {
-    background-size: 100% 100%;
-    background-repeat: no-repeat;
-}
 </style>

components/home/pageNavigation1.vue

@@ -1,61 +1,92 @@
 <template>
     <div class="navigate">
+        <!-- 第一部分导航 start -->
         <div class="partOne">
             <div class="inner">
-                <div class="navLeft">
-                    <div class="navIndex">
-                        <NuxtLink :to="'/'" title="首页">首页</NuxtLink> 
-                    </div>
-                    <div class="navClass">
-                        <div>
-                            商城类
-                        </div>
-                        <div>
-                            资讯类
-                        </div>
-                    </div>
+                <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>
                 <ul class="navigationOne">
-                    <li v-for="(item, index) in navigation1" :key="index">
-                        <NuxtLink :href="getLinkPath(item)" :title="item.alias" v-if="index<=23" :target="item.is_url == 1 ? '_blank' : '_self'">
+                    <li v-for="(item, index) in 12" :key="index">
+                        <NuxtLink to="/">
+                            农产供求
+                        </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>
+                    </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'">
                             {{ item.alias }}
                         </NuxtLink>
                     </li>
                 </ul>
             </div>
         </div>
+        <!-- 第二部分导航 end -->
 
-        <!-- 深度服务 -->
+        <!-- 第三部分导航  start-->
         <div class="deepServer">
             <div class="inner">
+                <div class="deepServer_right">
+                    <div class="serverTitle_right">
+                        站内搜索:
+                    </div>
+                    <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>
                     <ul class="contentList">
-                        <li v-for="(item, index) in navigation2" :key="index">
-                            <NuxtLink :href="getLinkPath(item)" :title="item.alias" :target="item.is_url == 1 ? '_blank' : '_self'">
-                                {{ item.alias }}
-                            </NuxtLink>
+                        <li>地区搜索:</li>
+                        <li v-for="item in provinceList">
+                            <NuxtLink :to="{ path: `/search/${item.id}`}">{{item.abbreviation}}</NuxtLink>
                         </li>
                     </ul>
                 </div>
-                <!-- <div class="deepServer_right">
-                    <div class="serverTitle_right">
-                        站内搜索:
-                    </div>
-                    <div class="searchRole">
-                        <el-select v-model="depValue" placeholder="资讯" size="large" style="width: 100px">
-                            <el-option v-for="(item, index) in department" :key="index" :label="item.name"
-                                :value="item.id" />
-                        </el-select>
-                        <i></i>
-                        <input type="text" v-model="typeValue" placeholder="输入关键词" class="ipt">
-                        <em @click="goToPrimary"></em>
-                    </div>
-                </div> -->
             </div>
         </div>
+        <!-- 第三部分导航  end-->
     </div>
 </template>
 
@@ -71,7 +102,7 @@ async function getNavigation1() {
         method: 'GET',
         query: {
             'pid': 0,
-            'num': 20,
+            'num': 10,
             'placeid': 1
         },
     });
@@ -84,7 +115,7 @@ async function getNavigation2() {
         method: 'GET',
         query: {
             'pid': 0,
-            'num': 3,
+            'num': 10,
             'placeid': 11
         },
     });
@@ -94,37 +125,35 @@ getNavigation2();
 //1.获取导航菜单 end ---------------------------------------->
 
 //2.搜索 start ---------------------------------------->
-import { ElSelect, ElOption, ElMessage } from 'element-plus'
-let department = ref("") //下拉框选项
-const depValue = ref("") //搜索左侧下拉选择的值
-const typeValue = ref("") //搜索右侧框输入的值
+const inputValue = ref("") //关键词搜索
 
 //2.1跳转到搜索页面
 let goToPrimary = async () => {
-    
-    if (depValue.value == "" || typeValue.value=="") {
+    if (inputValue.value=="") {
         ElMessage.error('搜索项不能为空！')
     }else{
-        const route = `/search/search?depValue=${depValue.value}&typeValue=${typeValue.value}`;
+        const route = `/search/search?keyword=${inputValue.value}`;
         window.location.href = route;
     }
 }
 
+const provinceList = ref([]);//省列表
+
 onMounted(async ()  => {
-    //2.2 获得搜索选项
+    //获得所有的省
     try {
         const { $webUrl, $CwebUrl } = useNuxtApp();
-        const response = await fetch($webUrl + '/web/selectWebsiteDepartment', {
+        const response2 = await fetch($webUrl + '/web/selectWebsiteArea', {
             headers: {
                 'Content-Type': 'application/json',
                 'Userurl': $CwebUrl,
                 'Origin': $CwebUrl
             }
         });
-        const result = await response.json();
-        department.value = result.data;
+        const result2 = await response2.json();
+        provinceList.value = result2.data;
     } catch (error) {
-        console.error('获取部门数据失败:', error);
+        console.error('获取行政区划数据失败:', error);
     }
 })
 //2.搜索 end ---------------------------------------->

pages/[dir]/index.html.vue

@@ -4,378 +4,260 @@
         <HomePageNavigation></HomePageNavigation>
         <HomeSecondaryHeading :titleData="pageData" :pinyinid="routeId"></HomeSecondaryHeading>
         <!-- 频道页 -->
-        <main class="index_main">
-            <!--板块1-->
+        <main class="index_main" id="all_vue">
             <section class="channel_1 clearfix">
-                <div class="channel_1_left">
-                    <div class="channel_1_box">
-                        <HomeSwiperSnscChannel :data="pageData[0].data"></HomeSwiperSnscChannel>
-                    </div>
-                </div>
-                <div class="channel_1_right">
+                <div class="channel_box_1 clearfix">
                     <div class="channel_name_ul">
-                        <div class="channel_name_ul_li" v-for="item in pageData[0].data2">
-                            <NuxtLink class="channel_name_ul_li_tag"
-                                :href="getLinkPathDetail(item)"
-                                :title="item.title"
-                                :key="item.id"
-                                :target="item.islink == 1 ? '_blank' : '_self'"
-                            >
-                                民工动态
-                            </NuxtLink>
-                            <NuxtLink class="channel_name_ul_li_dot1 dot1"
-                                :href="getLinkPathDetail(item)"
-                                :title="item.title"
-                                :key="item.id"
-                                :target="item.islink == 1 ? '_blank' : '_self'"
-                            >
-                                {{item.title}}
-                            </NuxtLink>
+                        <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>
                 </div>
+                <div class="channel_box_2 clearfix">
+                    <div class="channel_1_box clearfix">
+                        <HomeBigSwiper></HomeBigSwiper>
+                    </div>
+                </div>
             </section>
-            <!--板块2-->
+            <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_1_left clearfix">
-                    <!--open 商贸活动-->
-                    <div class="channel_head">
-                        <NuxtLink class="channel_head_name" 
-                            :href="getLinkPath(pageData[1])" 
-                            v-if="pageData[1]" 
-                            :title="pageData[1].alias"
-                        >
-                            {{ pageData[1].alias }}
-                        </NuxtLink>
-                        <NuxtLink class="channel_head_more" 
-                            :href="getLinkPath(pageData[1])" 
-                            v-if="pageData[1]" 
-                            :title="pageData[1].alias"
-                        >
-                            栏目简介
-                        </NuxtLink>
+                <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=" clearfix">
-                        <div class="channel_1_box_1 clearfix">
-                            <div class="channel_img_big_1_ul">
-                                <div class="channel_img_big_1_li" v-for="item in pageData[1].data">
-                                    <NuxtLink class="channel_img_big_1_li_a"
-                                        :href="getLinkPathDetail(item)"
-                                        :title="item.title"
-                                        :key="item.id"
-                                        :target="item.islink == 1 ? '_blank' : '_self'"
-                                    >
-                                        <img class="channel_img_big_1_li_img" :src="item.imgurl" alt="item.title">
-                                        <div class="channel_img_big_1_li_dot1 dot1">
-                                            {{ item.title }}
-                                        </div>
-                                    </NuxtLink>
-                                </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>
-                        <div class="channel_1_box_2 clearfix">
-                            <div class="channel_ul_2">
-                                <NuxtLink class="channel_ul_2_a dot1"
-                                    :href="getLinkPathDetail(item)"
-                                    :title="item.title"
-                                    v-for="item in pageData[1].data2"
-                                    :key="item.id"
-                                    :target="item.islink == 1 ? '_blank' : '_self'"
-                                >
-                                    {{ item.title }}
-                                </NuxtLink>
+                            <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>
                         </div>
                     </div>
-                    <!--end 商贸活动-->
-                    <!--open 科教活动-->
-                    <div class="channel_head">
-                        <NuxtLink class="channel_head_name" 
-                            :href="getLinkPath(pageData[2])" 
-                            v-if="pageData[2]" 
-                            :title="pageData[2].alias"
-                        >
-                            {{ pageData[2].alias }}
-                        </NuxtLink>
-                        <NuxtLink class="channel_head_more" 
-                            :href="getLinkPath(pageData[2])" 
-                            v-if="pageData[2]" 
-                            :title="pageData[2].alias"
-                        >
-                            栏目简介
-                        </NuxtLink>
+                    <!--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>
                     <div class=" clearfix">
-                        <div class="channel_1_box_1 clearfix">
-                            <div class="channel_img_big_2_ul">
-                                <div class="channel_img_big_2_li" v-for="item in pageData[2].data">
-                                    <NuxtLink class="channel_img_big_2_li_a"
-                                        :href="getLinkPathDetail(item)"
-                                        :title="item.title"
-                                        :key="item.id"
-                                        :target="item.islink == 1 ? '_blank' : '_self'"
-                                    >
-                                        <img class="channel_img_big_2_li_img" :src="item.imgurl" alt="item.title">
-                                        <div class="channel_img_big_2_li_dot1 dot1">
-                                            {{ item.title }}
+                        <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>
-                                    </NuxtLink>
+                                    </a>
                                 </div>
                             </div>
                         </div>
-                        <div class="channel_1_box_2 clearfix">
-                            <div class="channel_ul_3">
-                                <NuxtLink class="channel_ul_3_a dot1"
-                                    :href="getLinkPathDetail(item)"
-                                    :title="item.title"
-                                    v-for="item in pageData[2].data2"
-                                    :key="item.id"
-                                    :target="item.islink == 1 ? '_blank' : '_self'"
-                                >
-                                    {{ item.title }}
-                                </NuxtLink>
+                        <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>
                         </div>
                     </div>
-                    <!--end 科教活动-->
+                    <!--end 国际贸易 -->
                 </div>
-                <div class="channel_1_right clearfix">
-                    <!--open 产业动态-->
-                    <div class="channel_head">
-                        <NuxtLink class="channel_head_name" 
-                            :href="getLinkPath(pageData[3])" 
-                            v-if="pageData[3]" 
-                            :title="pageData[3].alias"
-                        >
-                            {{ pageData[3].alias }}
-                        </NuxtLink>
-                        <NuxtLink class="channel_head_more" 
-                            :href="getLinkPath(pageData[3])" 
-                            v-if="pageData[3]" 
-                            :title="pageData[3].alias"
-                        >
-                            栏目简介
-                        </NuxtLink>
-                    </div>
-                    <div class="channel_img_big_3_ul clearfix">
-                        <div class="channel_img_big_3_li" v-for="item in pageData[3].data">
-                            <NuxtLink class="channel_img_big_3_li_a"
-                                :href="getLinkPathDetail(item)"
-                                :title="item.title"
-                                :key="item.id"
-                                :target="item.islink == 1 ? '_blank' : '_self'"
-                            >
-                                <img class="channel_img_big_3_li_img" :src="item.imgurl" alt="item.title">
-                                <div class="channel_img_big_3_li_dot1 dot1">
-                                    {{ item.title }}
-                                </div>
-                            </NuxtLink>
+                <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>
+                        <a class="channel_head_btn_right_a" href="" title="">栏目简介</a>
                     </div>
-                    <div class="channel_ul_4">
-                        <div class="channel_ul_4_li dot1" v-for="(item, index) in pageData[3].data2">
-                            <div class="channel_ul_4_li_num">{{ index + 1 }}</div>
-                            <NuxtLink class="channel_img_big_3_li_a"
-                                :href="getLinkPathDetail(item)"
-                                :title="item.title"
-                                :key="item.id"
-                                :target="item.islink == 1 ? '_blank' : '_self'"
-                            >
-                                <div class="channel_ul_4_a dot1">
-                                    {{ item.title }}
+                    <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>
-                            </NuxtLink>
+                                <div class="channel_img_ul_3_li_num">{{ per_index + 1 }}</div>
+                            </a>
                         </div>
                     </div>
-                    <!--end 产业动态-->
                 </div>
+                <!--end 热点话题 -->
             </section>
-            <!--广告1-->
-            <HomeAdvertising :data="adImg1"></HomeAdvertising>
-            
+            <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">
-                <!--open 农贸节庆-->
-                <div class="channel_1_left clearfix">
-                    <div class="channel_head">
-                        <NuxtLink class="channel_head_name" 
-                            :href="getLinkPath(pageData[4])" 
-                            v-if="pageData[4]" 
-                            :title="pageData[4].alias"
-                        >
-                            {{ pageData[4].alias }}
-                        </NuxtLink>
-                        <NuxtLink class="channel_head_more" 
-                            :href="getLinkPath(pageData[4])" 
-                            v-if="pageData[4]" 
-                            :title="pageData[4].alias"
-                        >
-                            栏目简介
-                        </NuxtLink>
+                <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=" clearfix">
-                        <div class="channel_1_box_1 clearfix">
-                            <div class="channel_img_big_4_ul">
-                                <div class="channel_img_big_4_li" v-for="item in pageData[4].data">
-                                    <NuxtLink class="channel_img_big_4_li"
-                                        :href="getLinkPathDetail(item)"
-                                        :title="item.title"
-                                        :key="item.id"
-                                        :target="item.islink == 1 ? '_blank' : '_self'"
-                                    >
-                                        <img class="channel_img_big_4_li_img" :src="item.imgurl" alt="item.title">
-                                        <div class="channel_img_big_4_li_dot2 dot2">
-                                            {{ item.title }}
-                                        </div>
-                                    </NuxtLink>
+                    <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>
-                            <div class="channel_img_ul_1 clearfix">
-                                <div class="channel_img_ul_1_li" v-for="item in pageData[4].data2">
-                                    <NuxtLink class="channel_img_ul_1_li_a"
-                                        :href="getLinkPathDetail(item)"
-                                        :title="item.title"
-                                        :key="item.id"
-                                        :target="item.islink == 1 ? '_blank' : '_self'"
-                                    >
-                                        <img class="channel_img_ul_1_li_img" :src="item.imgurl" alt="item.title">
-                                        <div class="channel_img_ul_1_li_dot2 dot2">
-                                            {{ item.title }}
-                                        </div>
-                                    </NuxtLink>
-                                </div>
-                            </div>
+                                <div class="channel_img_ul_4_li_dot2 dot2">
+                                    招商招标招商招标招商招标招商招标招商招标招商招标招商招标招商招标招商招标招商招标招商招标招商招标招商招标招商招标招商招标 </div>
+                            </a>
                         </div>
-                        <div class="channel_1_box_2 clearfix">
-                            <div class="channel_ul_5">
-                                <NuxtLink class="channel_ul_5_a dot1"
-                                    :href="getLinkPathDetail(item)"
-                                    v-for="item in pageData[4].data3"
-                                    :title="item.title"
-                                    :key="item.id"
-                                    :target="item.islink == 1 ? '_blank' : '_self'"
-                                >
-                                    {{ item.title }}
-                                </NuxtLink>
-                            </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>
                         </div>
                     </div>
+                    <!--end  新人新事 -->
                 </div>
-                <!--end 农贸节庆-->
-                <!--open 市场行情-->
-                <div class="channel_1_right clearfix">
-                    <div class="channel_head">
-                        <NuxtLink class="channel_head_name" 
-                            :href="getLinkPath(pageData[5])" 
-                            v-if="pageData[5]" 
-                            :title="pageData[5].alias"
-                        >
-                            {{ pageData[5].alias }}
-                        </NuxtLink>
-                        <NuxtLink class="channel_head_more" 
-                            :href="getLinkPath(pageData[5])" 
-                            v-if="pageData[5]" 
-                            :title="pageData[5].alias"
-                        >
-                            栏目简介
-                        </NuxtLink>
-                    </div>
-                    <div class="channel_img_ul_2 clearfix">
-                        <div class="channel_img_ul_2_li" v-for="item in pageData[5].data">
-                            <NuxtLink class="channel_img_ul_2_li"
-                                :href="getLinkPathDetail(item)"
-                                :title="item.title"
-                                :key="item.id"
-                                :target="item.islink == 1 ? '_blank' : '_self'"
-                            >
-                                <img class="channel_img_ul_2_li_img" :src="item.imgurl" alt="item.title">
-                                <div class="channel_img_ul_2_li_dot1 dot1">
-                                    {{ item.title }}
-                                </div>
-                            </NuxtLink>
+                <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>
+                        <a class="channel_head_btn_right_a" href="" title="">栏目简介</a>
                     </div>
-                    <div class="channel_ul_6">
-                        <NuxtLink class="channel_ul_6_a dot1"
-                            :href="getLinkPathDetail(item)"
-                            :title="item.title"
-                            v-for="item in pageData[5].data2"
-                            :key="item.id"
-                            :target="item.islink == 1 ? '_blank' : '_self'"
-                        >
-                            {{ item.title }}
-                        </NuxtLink>
+                    <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>
+                            </a>
+                        </div>
                     </div>
-                    <!--end 市场行情-->
+                    <!--end  专题报道-->
                 </div>
             </section>
             <section class="channel_4 clearfix">
-                <div class="channel_1_left clearfix">
-                    <!--open 业界交流-->
-                    <div class="channel_head">
-                        <NuxtLink class="channel_head_name" 
-                            :href="getLinkPath(pageData[6])" 
-                            v-if="pageData[6]" 
-                            :title="pageData[6].alias"
-                        >
-                            {{ pageData[6].alias }}
-                        </NuxtLink>
-                        <NuxtLink class="channel_head_more" 
-                            :href="getLinkPath(pageData[6])" 
-                            v-if="pageData[6]" 
-                            :title="pageData[6].alias"
-                        >
-                            栏目简介
-                        </NuxtLink>
+                <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>
+                        <a class="channel_head_btn_right_a" href="" title="">栏目简介</a>
                     </div>
-                    <div class="channel_ul_7">
-                        <NuxtLink class="channel_ul_7_a dot1"
-                            :href="getLinkPathDetail(item)"
-                            :title="item.title"
-                            v-for="item in pageData[6].data"
-                            :key="item.id"
-                            :target="item.islink == 1 ? '_blank' : '_self'"
-                        >
-                            {{ item.title }}
-                        </NuxtLink>
+                    <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>
+                            </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>
+                        <!--end  农产动态-->
+                        <!--open   品牌快讯-->
+                        <div class=" clearfix" v-show="channel_choice_1_num == 2"> 品牌快讯</div>
+                        <!--end  品牌快讯-->
                     </div>
-                    <!--end 业界交流-->
                 </div>
-                <!--open 主题活动-->
-                <div class="channel_1_right clearfix">
-                    <div class="channel_head">
-                        <NuxtLink class="channel_head_name" 
-                            :href="getLinkPath(pageData[7])" 
-                            v-if="pageData[7]" 
-                            :title="pageData[7].alias"
-                        >
-                            {{ pageData[7].alias }}
-                        </NuxtLink>
-                        <NuxtLink class="channel_head_more" 
-                            :href="getLinkPath(pageData[7])" 
-                            v-if="pageData[7]" 
-                            :title="pageData[7].alias"
-                        >
-                            栏目简介
-                        </NuxtLink>
+                <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>
+                        </div>
+                        <a class="channel_head_btn_right_a" href="" title="">栏目简介</a>
                     </div>
-                    <div class="channel_img_big_5_ul">
-                        <div class="channel_img_big_5_li" v-for="item in pageData[7].data">
-                            <NuxtLink class="channel_img_big_5_li_a"
-                                :href="getLinkPathDetail(item)"
-                                :title="item.title"
-                                v-for="item in pageData[7].data"
-                                :key="item.id"
-                                :target="item.islink == 1 ? '_blank' : '_self'"
-                            > 
-                                <img class="channel_img_big_5_li_img" :src="item.imgurl" alt="item.title">
-                                <div class="channel_img_big_5_li_dot2 dot2">{{ item.title }}</div>
-                            </NuxtLink>
+                    <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>
+                                    </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"
+                                    :key="per_obj">
+                                    农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权
+                                </a>
+                            </div>
                         </div>
+                        <!--end 市场预测 -->
+                        <!--open  价格行情 -->
+                        <div class=" clearfix" v-show="channel_choice_2_num == 2">
+                            价格行情
+                        </div>
+                        <!--end 价格行情 -->
                     </div>
-                    <!--end 主题活动-->
                 </div>
             </section>
         </main>
+
         <!-- 页脚部分 -->
         <HomeFoot1></HomeFoot1>
     </div>

pages/index.vue

@@ -44,6 +44,7 @@
                     </div>
                 </div>
             </section>
+            <!-- 广告1 -->
             <HomeAdvertising :imgurl="adImg1"></HomeAdvertising>
             <section class="index_3 clearfix">
                 <div class="index_box_3 clearfix">
@@ -512,10 +513,15 @@
                         </div>
                         <div class="index_box_6 clearfix">
                             <div class="index_ul_2 clearfix">
-                                <a class="index_ul_2_a dot1" href="" title="" v-for="(per_obj, per_index) in 9"
-                                    :key="per_obj">
-                                    农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权
-                                </a>
+                                <NuxtLink
+                                    class="index_ul_2_a dot1"
+                                    :href="getLinkPathDetail(item)"
+                                    v-for="item in boxData6data3"
+                                    :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'"
+                                >
+                                    {{ item.title }}
+                                </NuxtLink>
                             </div>
                         </div>
                     </div>
@@ -523,25 +529,86 @@
                 </div>
                 <div class="index_box_4 clearfix">
                     <div class="index_head_btn_box">
-                        <div class="index_head_btn index_head_btn_only"><a class="index_head_a" href=""
-                                title="">专家服务</a></div>
+                        <div class="index_head_btn index_head_btn_only">
+                            <NuxtLink
+                                class="index_head_a"
+                                v-if="pageData[6].cid"
+                                :href="getLinkPath(pageData[6])"
+                                :title="pageData[6].alias"
+                                >
+                                {{pageData[6].alias}}
+                            </NuxtLink>
+                        </div>
                     </div>
                     <!--open   专家服务-->
                     <div class="index_5_right">
                         <div class="index_5_right_img_ul clearfix">
-                            <div class="index_5_right_img_li clearfix" v-for="(per_obj, per_index) in 2" :key="per_obj">
+                            <div class="index_5_right_img_li clearfix">
                                 <div class="index_5_right_img_li_img_box">
-                                    <a class="index_5_right_img_li_a" href="" title="">
-                                        <img class="index_5_right_img_li_a_img" src="../public/img/10.png" title=""
-                                            alt="">
-                                    </a>
+                                    <NuxtLink
+                                        class="index_5_right_img_li_a"
+                                        :href="getLinkPathDetail(boxData7[0])"
+                                        v-if="boxData7[0]"
+                                        :title="boxData7[0].title"
+                                        :target="boxData7[0].islink == 1 ? '_blank' : '_self'"
+                                    >
+                                        <img class="index_5_right_img_li_a_img" :src="boxData7[0].imgurl" :title="boxData7[0].title" :alt="boxData7[0].title">
+                                    </NuxtLink>
                                 </div>
                                 <div class="index_ul_3">
-                                    <a class="index_ul_3_a dot1" href="" title="" v-for="(per_obj, per_index) in 4"
-                                        :key="per_obj">
+                                    <NuxtLink
+                                        v-if="boxData7[0]"
+                                        class="index_ul_3_a dot1"
+                                        :href="getLinkPathDetail(boxData7[0])"
+                                        :title="boxData7[0].title"
+                                        :target="boxData7[0].islink == 1 ? '_blank' : '_self'"
+                                    >
+                                        {{boxData7[0].title}}
+                                    </NuxtLink>
+                                    <NuxtLink
+                                        class="index_ul_3_a dot1"
+                                        :href="getLinkPathDetail(item)"
+                                        v-for="item in boxData7data2"
+                                        :title="item.title"
+                                        :target="item.islink == 1 ? '_blank' : '_self'"
+                                    >
+                                        <span class="index_ul_3_a_tag">问:</span>
+                                        {{item.title}}
+                                    </NuxtLink>
+                                </div>
+                            </div>
+                            <div class="index_5_right_img_li clearfix">
+                                <div class="index_5_right_img_li_img_box">
+                                    <NuxtLink
+                                        class="index_5_right_img_li_a"
+                                        :href="getLinkPathDetail(boxData7[1])"
+                                         v-if="boxData7[1]"
+                                        :title="boxData7[1].title"
+                                        :target="boxData7[1].islink == 1 ? '_blank' : '_self'"
+                                    >
+                                        <img class="index_5_right_img_li_a_img" :src="boxData7[1].imgurl" :title="boxData7[0].title" :alt="boxData7[0].title">
+                                    </NuxtLink>
+                                </div>
+                                <div class="index_ul_3">
+                                    <NuxtLink
+                                        v-if="boxData7[1]"
+                                        class="index_ul_3_a dot1"
+                                        :href="getLinkPathDetail(boxData7[1])"
+                                        :title="boxData7[1].title"
+                                        :target="boxData7[1].islink == 1 ? '_blank' : '_self'"
+                                    >
+                                        {{boxData7[1].title}}
+                                    </NuxtLink>
+                                    <NuxtLink
+                                        class="index_ul_3_a dot1"
+                                        :href="getLinkPathDetail(item)"
+                                        v-for="item in boxData7data3"
+                                        :title="item.title"
+                                        :target="item.islink == 1 ? '_blank' : '_self'"
+                                    >
                                         <span class="index_ul_3_a_tag">问:</span>
-                                        农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权工维权农民工维权农民工维权农民工维权农民工维权农民工维权
-                                    </a>
+                                        {{item.title}}
+                                    </NuxtLink>
                                 </div>
                             </div>
                         </div>
@@ -549,43 +616,68 @@
                     <!--end  专家服务-->
                 </div>
             </section>
-            <div class="banner_2">
-                <a class="banner_1_a" href="" title="">
-                    <img class="banner_1_img" src="../public/img/21.png" title="" alt="">
-                </a>
-            </div>
+            <!-- 广告2 -->
+            <HomeAdvertising :imgurl="adImg2"></HomeAdvertising>
+
             <section class="index_6 clearfix">
                 <div class="index_box_3 clearfix">
                     <div class="index_head_btn_box">
                         <div class="index_head_btn index_head_btn_only">
-                            <a class="index_head_a" href="" title="">行业报告</a>
+                            <NuxtLink
+                                class="index_head_a"
+                                v-if="pageData[7].cid"
+                                :href="getLinkPath(pageData[7])"
+                                :title="pageData[7].alias"
+                                >
+                                {{pageData[7].alias}}
+                            </NuxtLink>
                         </div>
                     </div>
                     <!--open   行业报告-->
                     <div class="index_box_5 clearfix">
                         <div class="index_img_ul_5_ul">
                             <div class="index_img_ul_5_li">
-                                <a class="index_img_ul_5_li_a" href="" title="">
-                                    <img class="index_img_ul_5_li_img" src="../public/img/22.png" title="" alt="">
+                                <NuxtLink
+                                    class="index_img_ul_5_li_a"
+                                    :href="getLinkPathDetail(item)"
+                                    :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'"
+                                    v-for="item in boxData8"
+                                >
+                                    <img class="index_img_ul_5_li_img" :src="item.imgurl" alt="item.title">
                                     <div class="index_img_ul_5_li_dot1 dot1">
-                                        农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</div>
-                                </a>
+                                        {{ item.title }}
+                                    </div>
+                                </NuxtLink>
                             </div>
                         </div>
                         <div class="index_img_even_2_ul clearfix">
-                            <div class="index_img_even_2_li" v-for="(per_obj, per_index) in 2" :key="per_obj">
-                                <a class="index_img_even_2_li_a" href="" title="">
-                                    <img class="index_img_even_2_li_img" src="../public/img/23.png" title="" alt="">
+                            <div class="index_img_even_2_li" v-for="item in boxData8data2">
+                                <NuxtLink
+                                    class="index_img_even_2_li_a"
+                                    :href="getLinkPathDetail(item)"
+                                    :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'"
+                                >
+                                    <img class="index_img_even_2_li_img" :src="item.imgurl" alt="item.title">
                                     <div class="index_img_even_2_li_dot1 dot1">
-                                        农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</div>
-                                </a>
+                                        {{ item.title }}
+                                    </div>
+                                </NuxtLink>
                             </div>
                         </div>
                     </div>
                     <div class="index_box_6 clearfix">
                         <div class="index_ul_4 clearfix">
-                            <a class="index_ul_4_a dot1" href="" title="" v-for="(per_obj, per_index) in 9"
-                                :key="per_obj"> 2农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权 </a>
+                            <NuxtLink
+                                class="index_ul_4_a dot1"
+                                :href="getLinkPathDetail(item)"
+                                :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'"
+                                v-for="item in boxData8data3"
+                            >
+                                {{ item.title }}
+                            </NuxtLink>
                         </div>
                     </div>
                     <!--end  行业报告-->
@@ -593,22 +685,41 @@
                 <div class="index_box_4 clearfix">
                     <div class="index_head_btn_box">
                         <div class="index_head_btn index_head_btn_only">
-                            <a class="index_head_a" href="" title="">农产知识</a>
+                            <NuxtLink
+                                class="index_head_a"
+                                v-if="pageData[8].cid"
+                                :href="getLinkPath(pageData[8])"
+                                :title="pageData[8].alias"
+                                >
+                                {{pageData[8].alias}}
+                            </NuxtLink>
                         </div>
                     </div>
                     <!--open   农产知识-->
                     <div class="index_img_ul_3">
                         <div class="index_img_ul_3_li">
-                            <a class="index_img_ul_3_li_a" href="" title="">
-                                <img class="index_img_ul_3_li_img" src="../public/img/5.png" title="" alt="">
-                                <div class="index_img_ul_3_li_dot1 dot1">
-                                    农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</div>
-                            </a>
+                            <NuxtLink
+                                class="index_img_ul_3_li_a"
+                                :href="getLinkPathDetail(item)"
+                                :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'"
+                                v-for="item in boxData9"
+                            >
+                                <img class="index_img_ul_3_li_img" :src="item.imgurl" title="item.title" alt="item.title">
+                                <div class="index_img_ul_3_li_dot1 dot1">{{ item.title }}</div>
+                            </NuxtLink>
                         </div>
                     </div>
                     <div class="index_ul_5">
-                        <a class="index_ul_5_a dot1" href="" title="" v-for="(per_obj, per_index) in 2"
-                            :key="per_obj">3农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</a>
+                        <NuxtLink
+                            class="index_ul_5_a dot1"
+                            :href="getLinkPathDetail(item)"
+                            :title="item.title"
+                            :target="item.islink == 1 ? '_blank' : '_self'"
+                            v-for="item in boxData9data2"
+                        >
+                            {{ item.title }}
+                        </NuxtLink>
                     </div>
                     <!--end 农产知识 -->
                 </div>
@@ -616,67 +727,91 @@
             <section class="index_7 clearfix">
                 <div class="index_box_3 clearfix">
                     <div class="index_head_btn_box">
-                        <div class="index_head_btn index_head_btn_only"><a class="index_head_a" href=""
-                                title="">综合资讯</a></div>
+                        <div class="index_head_btn index_head_btn_only">
+                            <NuxtLink
+                                class="index_head_a"
+                                v-if="pageData[9].cid"
+                                :href="getLinkPath(pageData[9])"
+                                :title="pageData[9].alias"
+                                >
+                                {{pageData[9].alias}}
+                            </NuxtLink>   
+                         </div>
                     </div>
                     <!--open   综合资讯-->
                     <div class="index_box_5 clearfix">
                         <div class="index_img_ul_6">
                             <div class="index_img_ul_6_li">
-                                <a class="index_img_ul_6_li_a" href="" title="">
-                                    <img class="index_img_ul_6_li_img" src="../public/img/22.png" title="" alt="">
-                                    <div class="index_img_ul_6_li_dot1 dot1">
-                                        农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</div>
-                                </a>
+                                <NuxtLink
+                                    class="index_img_ul_6_li_a"
+                                    :href="getLinkPathDetail(item)"
+                                    :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'"
+                                    v-for="item in boxData10"
+                                >
+                                    <img class="index_img_ul_6_li_img" :src="item.imgurl" title="item.title" alt="item.title">
+                                    <div class="index_img_ul_6_li_dot1 dot1">{{ item.title }}</div>
+                                </NuxtLink>
                             </div>
                         </div>
                     </div>
                     <div class="index_box_6 clearfix">
                         <div class="index_ul_7 clearfix">
-                            <a class="index_ul_7_a dot1" href="" title="" v-for="(per_obj, per_index) in 6"
-                                :key="per_obj"> 农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权 </a>
+                            <NuxtLink
+                                class="index_ul_7_a dot1"
+                                :href="getLinkPathDetail(item)"
+                                :title="item.title"
+                                :target="item.islink == 1 ? '_blank' : '_self'"
+                                v-for="item in boxData10data2"
+                            >
+                                {{ item.title }}
+                            </NuxtLink>
                         </div>
                     </div>
                     <!--end  综合资讯-->
                 </div>
                 <div class="index_box_4 clearfix">
                     <div class="index_head_btn_box">
-                        <div class="index_head_btn index_head_btn_only"><a class="index_head_a" href=""
-                                title="">消费指南</a></div>
+                        <div class="index_head_btn index_head_btn_only">
+                            <NuxtLink
+                                class="index_head_a"
+                                v-if="pageData[10].cid"
+                                :href="getLinkPath(pageData[10])"
+                                :title="pageData[10].alias"
+                                >
+                                {{pageData[10].alias}}
+                            </NuxtLink>  
+                        </div>
                     </div>
                     <!--open  消费指南 -->
                     <div class="index_2_box_1 clearfix">
                         <div class="index_img_ul_7">
-                            <div class="index_img_ul_7_li" v-for="(per_obj, per_index) in 2" :key="per_obj">
-                                <a class="index_img_ul_7_li_a" href="" title="">
-                                    <img class="index_img_ul_7_li_img" src="../public/img/24.png" title="" alt="">
+                            <div class="index_img_ul_7_li" v-for="item in boxData11">
+                                <NuxtLink
+                                    class="index_img_ul_7_li_a"
+                                    :href="getLinkPathDetail(item)"
+                                    :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'"
+                                >
+                                    <img class="index_img_ul_7_li_img" :src="item.imgurl" title="item.title" alt="item.title">
                                     <div class="index_img_ul_7_li_dot1 dot1">
-                                        农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</div>
-                                </a>
+                                        {{ item.title }}
+                                    </div>
+                                </NuxtLink>
                             </div>
                         </div>
                     </div>
                     <div class="index_2_box_2 clearfix">
-                        <div class="index_ul_8_li_box">
-                            <div class="index_ul_8_li">
-                                <a class="index_ul_8_a dot2" href="" title="">4农民权农民工维权</a>
-                            </div>
-                        </div>
-                        <div class="index_ul_8_li_box">
-                            <div class="index_ul_8_li">
-                                <a class="index_ul_8_a dot2" href=""
-                                    title="">4农民权农民工维权农民权农民工维权农民权农民工维权农民权农民工维权农民权农民工维权农民权农民工维权农民权农民工维权</a>
-                            </div>
-                        </div>
-                        <div class="index_ul_8_li_box">
-                            <div class="index_ul_8_li">
-                                <a class="index_ul_8_a dot2" href="" title="">4农民权农民工维权</a>
-                            </div>
-                        </div>
-                        <div class="index_ul_8_li_box">
+                        <div class="index_ul_8_li_box" v-for="item in boxData11data2">
                             <div class="index_ul_8_li">
-                                <a class="index_ul_8_a dot2" href=""
-                                    title="">4农民权农民工农民权农民工维权农民权农民工维权农民权农民工维权农民权农民工维权农民权农民工维权农民权农民工维权农民权农民工维权维权</a>
+                                <NuxtLink
+                                    class="index_ul_8_a dot2"
+                                    :href="getLinkPathDetail(item)"
+                                    :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'"
+                                >
+                                    {{ item.title }}
+                                </NuxtLink>
                             </div>
                         </div>
                     </div>
@@ -851,42 +986,33 @@ const boxData3 = ref([])
 const boxData3data2 = ref([])
 const boxData3data3 = ref([])
 const boxData3data4 = ref([])
-
 //模块4
 const boxData4 = ref([]);
 const boxData4data2 = ref([]);
-const boxData4data3 = ref([]);
-const boxData4data4 = ref([]);
-const boxData4data5 = ref([]);
 //模块5
 const boxData5 = ref([]);
 const boxData5data2 = ref([]);
-const boxData5data3 = ref([]);
-const boxData5data4 = ref([]);
-const boxData5data5 = ref([]);
 //模块6
 const boxData6 = ref([]);
 const boxData6data2 = ref([]);
-const boxData6menu = ref([]);
-const boxData6mainData = ref([]);
-const boxData6pinyin = ref("");
+const boxData6data3 = ref([]);
 //模块7
 const boxData7 = ref([]);
 const boxData7data2 = ref([]);
 const boxData7data3 = ref([]);
-const boxData7data4 = ref([]);
-const boxData7data5 = ref([]);
-const boxData7menu = ref([]);
-const boxData7mainData = ref([]);
-const boxData7pinyin = ref("");
 //模块8
 const boxData8 = ref([]);
+const boxData8data2 = ref([]);
+const boxData8data3 = ref([]);
 //模块9
 const boxData9 = ref([]);
+const boxData9data2 = ref([]);
 //模块10 
 const boxData10 = ref([]);
+const boxData10data2 = ref([]);
 //模块11
 const boxData11 = ref([]);
+const boxData11data2 = ref([]);
 
 //4.3获得导航数据
 try {
@@ -948,15 +1074,12 @@ let getJson = [
     { "parent": "1,2,12", "child": "" },//模块3
     { "parent": "2,1,2", "child": "" },//模块4
     { "parent": "5,1,2", "child": "" },//模块5
-    { "parent": "21,3,6", "child": "" },//模块6
-
-
-
-    { "parent": "153,1,2", "child": ""},//模块7
+    { "parent": "21,3,9", "child": "" },//模块6
+    { "parent": "153,2,6", "child": ""},//模块7
     { "parent": "12,3,9", "child": "" },//模块8
-    { "parent": "13,0,6", "child": "" },//模块9
-    { "parent": "24,1,0", "child": "" },//模块10
-    { "parent": "14,2,0", "child": "" },//模块11
+    { "parent": "13,1,2", "child": "" },//模块9
+    { "parent": "24,1,6", "child": "" },//模块10
+    { "parent": "14,2,4", "child": "" },//模块11
 ]
 
 let jsonString = JSON.stringify(getJson);
@@ -968,7 +1091,6 @@ async function getPageAllData() {
             'id': jsonString
         },
     });
-
     if (mkdata.code == 200) {
         //模块1
         for(let index in mkdata.data[0].imgnum){
@@ -1029,53 +1151,34 @@ async function getPageAllData() {
                 boxData6data2.value.push(mkdata.data[5].imgnum[index])
             }
         }
-        for(let index in mkdata.data[5].child.all_childcat){
-            if(index < 6){
-                boxData6menu.value.push(mkdata.data[5].child.all_childcat[index])
-            }
-        }
-
-
-
-
-
-
-
-        
-        //子导航路径
-        boxData6pinyin.value = mkdata.data[5].child.pinyin;
-        //子导航内容
-        boxData6mainData.value = mkdata.data[5].child.textnum;
-
+        boxData6data3.value = mkdata.data[5].textnum;
         //模块7
-        for(let index in mkdata.data[6].imgnum){
-            if(index < 1){
-                boxData7.value.push(mkdata.data[6].imgnum[index])
-            }else if(index >= 1 && index <= 2){
-                boxData7data2.value.push(mkdata.data[6].imgnum[index])
-            }else if(index >= 3){
-                boxData7data3.value.push(mkdata.data[6].imgnum[index])
-            }
-        }
+        boxData7.value = mkdata.data[6].imgnum;
         for(let index in mkdata.data[6].textnum){
-            if(index <= 9){
-                boxData7data4.value.push(mkdata.data[6].textnum[index])
+            if(index <= 2){
+                boxData7data2.value.push(mkdata.data[6].textnum[index])
             }else{
-                boxData7data5.value.push(mkdata.data[6].textnum[index])
+                boxData7data3.value.push(mkdata.data[6].textnum[index])
             }
         }
-        //子导航路径
-        boxData7pinyin.value = mkdata.data[6].child.pinyin;
-        //子导航内容
-        boxData7mainData.value = mkdata.data[6].child.textnum;
         //模块8
-        boxData8.value = mkdata.data[7].textnum;
+        for(let index in mkdata.data[7].imgnum){
+            if(index < 1){
+                boxData8.value.push(mkdata.data[7].imgnum[index])
+            }else{
+                boxData8data2.value.push(mkdata.data[7].imgnum[index])
+            }
+        }
+        boxData8data3.value = mkdata.data[7].textnum;
         //模块9
-        boxData9.value = mkdata.data[8].textnum;
+        boxData9.value = mkdata.data[8].imgnum;
+        boxData9data2.value = mkdata.data[8].textnum;
         //模块10
         boxData10.value = mkdata.data[9].imgnum;
+        boxData10data2.value = mkdata.data[9].textnum;
         //模块11
         boxData11.value = mkdata.data[10].imgnum;
+        boxData11data2.value = mkdata.data[10].textnum;
     } else {
         ElMessage.error(mkdata.message)
     }