完成频道页

完成频道页

.nuxt/components.d.ts

@@ -16,6 +16,7 @@ interface _GlobalComponents {
     'HomeSecondaryHeading': typeof import("../components/home/SecondaryHeading.vue")['default']
     'HomeSmallSwiper1': typeof import("../components/home/SmallSwiper1.vue")['default']
     'HomeSmallSwiperNmg': typeof import("../components/home/SmallSwiperNmg.vue")['default']
+    'HomeSmallSwiperTwo': typeof import("../components/home/SmallSwiperTwo.vue")['default']
     'HomeSurveyvote': typeof import("../components/home/Surveyvote.vue")['default']
     'HomeSwiperSnsc': typeof import("../components/home/SwiperSnsc.vue")['default']
     'HomeSwiperSnscChannel': typeof import("../components/home/SwiperSnscChannel.vue")['default']
@@ -64,6 +65,7 @@ interface _GlobalComponents {
     'LazyHomeSecondaryHeading': typeof import("../components/home/SecondaryHeading.vue")['default']
     'LazyHomeSmallSwiper1': typeof import("../components/home/SmallSwiper1.vue")['default']
     'LazyHomeSmallSwiperNmg': typeof import("../components/home/SmallSwiperNmg.vue")['default']
+    'LazyHomeSmallSwiperTwo': typeof import("../components/home/SmallSwiperTwo.vue")['default']
     'LazyHomeSurveyvote': typeof import("../components/home/Surveyvote.vue")['default']
     'LazyHomeSwiperSnsc': typeof import("../components/home/SwiperSnsc.vue")['default']
     'LazyHomeSwiperSnscChannel': typeof import("../components/home/SwiperSnscChannel.vue")['default']
@@ -118,6 +120,7 @@ export const HomePagination: typeof import("../components/home/Pagination.vue")[
 export const HomeSecondaryHeading: typeof import("../components/home/SecondaryHeading.vue")['default']
 export const HomeSmallSwiper1: typeof import("../components/home/SmallSwiper1.vue")['default']
 export const HomeSmallSwiperNmg: typeof import("../components/home/SmallSwiperNmg.vue")['default']
+export const HomeSmallSwiperTwo: typeof import("../components/home/SmallSwiperTwo.vue")['default']
 export const HomeSurveyvote: typeof import("../components/home/Surveyvote.vue")['default']
 export const HomeSwiperSnsc: typeof import("../components/home/SwiperSnsc.vue")['default']
 export const HomeSwiperSnscChannel: typeof import("../components/home/SwiperSnscChannel.vue")['default']
@@ -166,6 +169,7 @@ export const LazyHomePagination: typeof import("../components/home/Pagination.vu
 export const LazyHomeSecondaryHeading: typeof import("../components/home/SecondaryHeading.vue")['default']
 export const LazyHomeSmallSwiper1: typeof import("../components/home/SmallSwiper1.vue")['default']
 export const LazyHomeSmallSwiperNmg: typeof import("../components/home/SmallSwiperNmg.vue")['default']
+export const LazyHomeSmallSwiperTwo: typeof import("../components/home/SmallSwiperTwo.vue")['default']
 export const LazyHomeSurveyvote: typeof import("../components/home/Surveyvote.vue")['default']
 export const LazyHomeSwiperSnsc: typeof import("../components/home/SwiperSnsc.vue")['default']
 export const LazyHomeSwiperSnscChannel: typeof import("../components/home/SwiperSnscChannel.vue")['default']

.nuxt/manifest/latest.json

@@ -1 +1 @@
-{"id":"dev","timestamp":1745201236340}
+{"id":"dev","timestamp":1745395243161}

.nuxt/manifest/meta/dev.json

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

.nuxt/nitro.json

@@ -1,5 +1,5 @@
 {
-  "date": "2025-04-21T02:07:29.376Z",
+  "date": "2025-04-23T08:00:51.157Z",
   "preset": "nitro-dev",
   "framework": {
     "name": "nuxt",
@@ -9,9 +9,9 @@
     "nitro": "2.10.4"
   },
   "dev": {
-    "pid": 19360,
+    "pid": 16724,
     "workerAddress": {
-      "socketPath": "\\\\.\\pipe\\nitro\\worker-19360-1.sock"
+      "socketPath": "\\\\.\\pipe\\nitro\\worker-16724-1.sock"
     }
   }
 }

assets/css/class.less

@@ -1,33 +1,3 @@
-* {
-    margin: 0;
-    padding: 0;
-    font-family: "微软雅黑", "microsoft yahei";
-}
-
-a:active {
-    text-decoration: none;
-}
-
-a:hover {
-    text-decoration: none;
-}
-
-a:visited {
-    text-decoration: none;
-}
-
-a:link {
-    text-decoration: none;
-}
-
-a:focus {
-    text-decoration: none;
-}
-
-body {
-    position: relative;
-}
-
 .clearfix {
     overflow: hidden;
 }
@@ -99,607 +69,588 @@ section {
     width: 1200px;
 }
 
-.channel_1 {
-    margin-top: 40px;
+.index_2 {
+    margin-top: 22px;
 }
 
-.channel_nav {
-    height: 60px;
-    width: 1200px;
-    background-image: url(../../public/img/5.png);
-    margin-top: 40px;
+.roll_1_box {
+    float: left;
+    width: 720px;
+    height: 405px;
+    margin-top: 44px;
+}
+
+.index_2_head {
+    border-bottom: solid 1px #D9D9D9;
+    position: relative;
+    box-sizing: border-box;
+    padding-left: 10px;
 
-    .channel_nav_a {
+    .index_2_head_a {
         float: left;
-        height: 60px;
-        line-height: 60px;
-        color: #255590;
-        font-size: 20px;
-        margin: 0px 19px;
+        height: 54px;
+        line-height: 54px;
+        color: #333;
+        font-size: 22px;
+        padding: 0 10px;
+        position: relative;
         font-weight: bold;
     }
 
-    .channel_nav_a:nth-of-type(1) {
-        color: #fff;
-        margin: 0px 42px;
+    .index_2_head_a_only {
+        color: #489D97;
     }
 }
 
-.channel_1_box {
-    width: 720px;
-    height: 405px;
+.index_2_head::after {
+    content: '';
+    display: block;
+    width: 3px;
+    height: 18px;
+    position: absolute;
+    left: 0px;
+    top: 19px;
+    background: linear-gradient(to top, #0998A9, #6ADDD6);
+}
+
+.index_2_right_box {
+    float: right;
+    width: 450px;
+    margin-top: 33px;
+}
+
+.index_2_ul_a {
+    height: 52px;
+    line-height: 52px;
+    color: #333;
+    font-size: 18px;
+    text-indent: 12px;
+    position: relative;
+    -webkit-text-stroke: .1px #333;
+
+    &:hover {
+        color: #489D97;
+    }
+}
+
+.index_2_ul_a:hover::after {
+    content: '';
+    display: block;
+    width: 4px;
+    height: 4px;
+    position: absolute;
+    left: 0px;
+    top: 26px;
+    background: #489D97;
+}
+
+.index_2_ul_bold .index_2_ul_a:nth-of-type(1) {
+    font-weight: bold;
 }
 
-.channel_1_left {
+.index_2_ul_a::after {
+    content: '';
+    display: block;
+    width: 4px;
+    height: 4px;
+    position: absolute;
+    left: 0px;
+    top: 26px;
+    background: #333;
+}
+
+.banner {
+    margin-top: 30px;
+}
+
+.banner_a {
+    display: block;
+    width: 1200px;
+}
+
+.banner_img {
+    display: block;
+    width: 1200px;
+}
+
+.index_5_img_ul_2_li {
+    width: 220px;
+    margin-bottom: 20px;
+
+    .index_5_img_ul_2_li_img {
+        display: block;
+        width: 220px;
+        height: 130px;
+    }
+
+    .index_5_img_ul_2_li_dot1 {
+        height: 22px;
+        line-height: 22px;
+        color: #333;
+        font-size: 18px;
+        margin-top: 20px;
+        text-align: center;
+    }
+}
+
+.index_5_img_ul_2_li:nth-of-type(odd) {
     float: left;
-    width: 720px;
 }
 
-.channel_1_right {
+.index_5_img_ul_2_li:nth-of-type(even) {
     float: right;
-    width: 450px;
 }
 
-.channel_1_box_1 {
+.index_2_ul_2 .index_2_ul_a {
+    margin-bottom: 2px;
+}
+
+.index_5_img_ul_2_li_a:hover .index_5_img_ul_2_li_dot1 {
+    color: #489D97;
+}
+
+.index_5_box_1 {
     float: left;
     width: 350px;
+    margin-top: 20px;
     margin-right: 20px;
 }
 
-.channel_1_box_2 {
+.index_5_box_2 {
     float: left;
     width: 350px;
+    margin-top: 20px;
+}
+
+.index_5_box_3 {
+    float: right;
+    width: 452px;
+    margin-top: 20px;
 }
 
-.channel_name_ul {
-    margin-top: 0px;
+.index_5_big_img_li {
+    margin-bottom: 25px;
 
-    .channel_name_ul_li {
-        height: 24px;
-        margin-bottom: 18px;
-        display: flex;
-    }
+    .index_5_big_img_li_a {}
 
-    .channel_name_ul_li_tag {
-        height: 24px;
-        line-height: 24px;
-        color: #0046AE;
-        font-size: 18px;
-        margin-right: 15px;
-        word-break: keep-all;
-        white-space: nowrap;
+    .index_5_big_img_li_img {
+        display: block;
+        width: 350px;
+        height: 230px;
     }
 
-    .channel_name_ul_li_dot1 {
-        height: 24px;
-        line-height: 24px;
+    .index_5_big_img_li_dot2 {
+        height: 46px;
+        line-height: 23px;
         color: #333;
         font-size: 18px;
-        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 {
+        margin-top: 20px;
         font-weight: bold;
-        font-size: 20px;
     }
 
-    .channel_name_ul_li:hover .channel_name_ul_li_dot1 {
-        color: #255590;
+    &:hover .index_5_big_img_li_dot2 {
+        color: #489D97;
     }
 }
 
-.channel_2 {
-    margin-top: 16px;
+.index_5_img_li {
+    width: 165px;
+    margin-bottom: 0px;
 }
 
-.channel_head {
-    height: 30px;
-    position: relative;
-    margin-bottom: 28px;
-
-    .channel_head_name {
-        float: left;
-        height: 30px;
-        line-height: 30px;
-        color: #255590;
-        font-size: 22px;
-        text-indent: 22px;
-        font-weight: bold;
-    }
+.index_5_img_li:nth-of-type(odd) {
+    float: left;
+}
 
-    .channel_head_name_a {
-        display: block;
-        height: 30px;
-        line-height: 30px;
-        color: #255590;
-        font-size: 22px;
-        font-weight: bold;
-    }
+.index_5_img_li:nth-of-type(even) {
+    float: right;
+}
 
-    .channel_head_name::after {
-        content: '';
-        display: block;
-        width: 3px;
-        height: 18px;
-        background: #255590;
-        position: absolute;
-        left: 0px;
-        top: 6px;
-        z-index: 11;
+.index_5_img_li_a {
+    .index_5_img_li_img {
+        width: 165px;
+        height: 96px;
     }
 
-    .channel_head_more {
-        float: right;
-        height: 30px;
-        line-height: 30px;
-        color: #999;
-        font-size: 16px;
+    .index_5_img_li_dot2 {
+        height: 46px;
+        line-height: 23px;
+        color: #333;
+        font-size: 18px;
+        margin-top: 13px;
     }
 
-    .channel_head_more::after {
-        content: '';
-        display: block;
-        width: 100%;
-        height: 100%;
-        position: absolute;
-        left: 0px;
-        top: 0px;
-        z-index: 22;
+    &:hover .index_5_img_li_dot2 {
+        color: #489D97;
     }
 }
 
-.channel_head:hover .channel_head_more {
-    color: #255590;
-}
-
-.channel_img_big_1_ul {
-    .channel_img_big_1_li {
+.index_5_ul {
+    .index_5_ul_a {
+        height: 24px;
+        line-height: 24px;
+        color: #333;
+        font-size: 18px;
+        margin-bottom: 27px;
+        box-sizing: border-box;
         width: 350px;
-        height: 230px;
-        margin-bottom: 31px;
-        position: relative;
+
+        &:hover {
+            color: #489D97;
+        }
+    }
+
+    .index_5_ul_a:nth-of-type(5n-4) {
+        font-weight: bold;
     }
+}
 
-    .channel_img_big_1_li_a {}
+.index_5_img_ul_2_li {
+    width: 220px;
+    margin-bottom: 20px;
 
-    .channel_img_big_1_li_img {
+    .index_5_img_ul_2_li_img {
         display: block;
-        width: 350px;
-        height: 230px;
+        width: 220px;
+        height: 130px;
     }
 
-    .channel_img_big_1_li_dot1 {
-        width: 350px;
-        height: 44px;
-        line-height: 44px;
-        color: #fff;
+    .index_5_img_ul_2_li_dot1 {
+        height: 22px;
+        line-height: 22px;
+        color: #333;
         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%);
+        margin-top: 20px;
+        text-align: center;
     }
 }
 
-.channel_ul_2_a {
-    height: 24px;
-    line-height: 24px;
-    color: #333;
-    font-size: 18px;
-    margin-bottom: 17px;
-    box-sizing: border-box;
-    text-indent: 16px;
-    position: relative;
+.index_5_img_ul_2_li:nth-of-type(odd) {
+    float: left;
+}
 
-    &:hover {
-        color: #255590;
-    }
+.index_5_img_ul_2_li:nth-of-type(even) {
+    float: right;
 }
 
-.channel_ul_2_a::after {
-    content: '';
-    display: block;
-    width: 6px;
-    height: 6px;
-    background: #ddd;
-    border-radius: 50%;
-    position: absolute;
-    left: 0px;
-    top: 9px;
-    z-index: 11;
+.index_2_ul_2 .index_2_ul_a {
+    margin-bottom: 2px;
 }
 
-.channel_ul_2_a:nth-of-type(3n-2) {
-    font-weight: bold;
+.index_5_img_ul_2_li_a:hover .index_5_img_ul_2_li_dot1 {
+    color: #489D97;
 }
 
-.channel_ul_2_a:hover::after {
-    content: '';
-    display: block;
-    background: #255590;
+.index_9_box_1 {
+    float: left;
+    width: 720px;
+    margin-top: 20px;
 }
 
-.channel_img_big_2_ul {}
+.index_9_ul_1 {
+    margin-top: 11px;
 
-.channel_img_big_2_li {
-    width: 350px;
-    height: 230px;
-    margin-bottom: 20px;
-    position: relative;
-}
+    .index_9_ul_1 .index_2_ul_a {
+        margin-bottom: 2px;
+    }
 
-.channel_img_big_2_li_a {}
+    .index_9_ul_1 .index_2_ul_a:nth-of-type(1) {
+        font-weight: bold;
+    }
+}
 
-.channel_img_big_2_li_img {
+.index_9_big_img_li_img {
     display: block;
-    width: 350px;
-    height: 230px;
+    width: 450px;
+    height: 267px;
 }
 
-.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%);
+.index_9_big_img_ul {
+    margin-top: 30px;
 }
 
-.channel_3 {
-    margin-top: 31px;
-}
 
-.channel_ul_3_a {
-    height: 24px;
-    line-height: 24px;
-    color: #333;
-    font-size: 18px;
-    margin-bottom: 17px;
-    box-sizing: border-box;
-    text-indent: 16px;
-    position: relative;
 
-    &:hover {
-        color: #255590;
-    }
-}
 
-.channel_ul_3_a::after {
-    content: '';
-    display: block;
-    width: 6px;
-    height: 6px;
-    background: #ddd;
-    border-radius: 50%;
-    position: absolute;
-    left: 0px;
-    top: 9px;
-    z-index: 11;
+
+
+
+
+
+.channel_2_ul .index_2_ul_a {
+    margin-top: 9px;
 }
 
-.channel_ul_3_a:nth-of-type(3n-2) {
-    font-weight: bold;
+.channel_3 {
+    margin-top: 37px;
 }
 
-.channel_ul_3_a:hover::after {
-    content: '';
-    display: block;
-    background: #255590;
+.channel_ul_3 .index_2_ul_a {
+    margin-bottom: 11px;
 }
 
-.channel_img_big_3_ul {
-    .channel_img_big_3_li {
-        height: 265px;
-        position: relative;
-        width: 450px;
-        margin-bottom: 22px;
-        overflow: hidden;
+.channel_3_img_ul {
+    .channel_3_img_li {
+        float: left;
+        width: 190px;
+        height: 126px;
+        margin: 20px 12px 0px 0px;
     }
 
-    .channel_img_big_3_li_a {}
+    .channel_3_img_ul_a {
+        display: block;
+        width: 190px;
+        height: 126px;
+        position: relative;
+    }
 
-    .channel_img_big_3_li_img {
+    .channel_3_img_ul_img {
         display: block;
-        height: 267px;
-        width: 450px;
+        width: 190px;
+        height: 126px;
     }
 
-    .channel_img_big_3_li_dot1 {
-        width: 450px;
-        height: 44px;
-        line-height: 44px;
-        color: #fff;
-        font-size: 18px;
+    .channel_3_img_ul_dot1 {
+        display: block;
+        width: 190px;
+        height: 126px;
+        padding: 0px 15px;
         box-sizing: border-box;
         position: absolute;
-        padding: 0px 10px;
         left: 0px;
-        bottom: 0px;
+        top: 0px;
         z-index: 11;
-        background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 33%, rgba(0, 0, 0, 0) 100%);
+        line-height: 126px;
+        text-align: center;
+        display: none;
+        color: #fff;
+        font-size: 18px;
+        background: rgba(0, 0, 0, .3);
     }
 }
 
-.channel_ul_4 {
-    width: 450px;
-
-    .channel_ul_4_li {
-        width: 450px;
-        display: flex;
-        height: 24px;
-        margin-bottom: 24px;
-    }
+.channel_3_img_li:nth-of-type(6n) {
+    margin-right: 0px;
+}
 
-    .channel_ul_4_li_num {
-        height: 24px;
-        line-height: 24px;
-        color: #ccc;
-        font-size: 18px;
-        width: 24px;
-        text-align: center;
-        font-style: italic;
-        margin-right: 20px;
-    }
+.channel_3_img_ul_a:hover .channel_3_img_ul_dot1 {
+    display: block;
+}
 
-    .channel_ul_4_a {
-        height: 24px;
-        line-height: 24px;
-        color: #333;
-        font-size: 18px;
+.channel_2_head_top {
+    margin-top: 20px;
+}
 
-        &:hover {
-            color: #255590;
-        }
-    }
+.channel_3_ul {
+    margin-top: 11px;
+    width: 660px;
 
-    .channel_ul_4_li:nth-of-type(-n+3) .channel_ul_4_li_num {
-        color: #255590;
+    .channel_3_ul .index_2_ul_a {
+        height: 52px;
+        line-height: 52px;
     }
 }
 
 .channel_banner {
-    width: 1200px;
-    margin: 2px auto 0px;
+    margin-top: 9px;
 }
 
-.channel_banner_a {
-    display: block;
-    width: 1200px;
+.channel_1_box_1 {
+    float: left;
+    width: 720px;
 }
 
-.channel_banner_img {
-    display: block;
-    width: 1200px;
+.channel_1_box_2 {
+    float: right;
+    width: 452px;
 }
 
-.channel_img_big_4_ul {
-    .channel_img_big_4_li {
-        width: 350px;
-        margin-bottom: 25px;
-        overflow: hidden;
-    }
+.channel_foot_ul .index_5_ul_a:nth-last-of-type(1) {
+    margin-bottom: 0px;
+}
 
-    .channel_img_big_4_li_a {}
+.channel_foot_ul .index_2_ul_a:nth-last-of-type(1) {
+    margin-bottom: 0px;
+}
 
-    .channel_img_big_4_li_img {
-        display: block;
-        height: 230px;
-        width: 350px;
-    }
+.channel_banner_2 {
+    margin-top: 30px;
+    width: 1200px;
+}
 
-    .channel_img_big_4_li_dot2 {
-        height: 48px;
-        width: 350px;
-        color: #333;
-        font-size: 18px;
-        margin-top: 20px;
-        line-height: 24px;
-        font-weight: bold;
-    }
+.channel_4_ul .index_2_ul_a {
+    margin-bottom: 11px;
 }
 
-.channel_img_big_4_li_a:hover .channel_img_big_4_li_dot2 {
-    color: #255590;
+.channel_name_box {
+    border-bottom: solid 2px #489D97;
 }
 
-.channel_img_ul_1 {}
+.channel_name {
+    background: #489D97;
+    font-size: 18px;
+    color: #fff;
+    padding: 0px 14px;
+    float: left;
+    height: 40px;
+    line-height: 40px;
+    border-top-left-radius: 3px;
+    border-top-right-radius: 3px;
+}
 
-.channel_img_ul_1_li {
-    width: 165px;
+.channel_name_more {
+    float: right;
+    line-height: 40px;
+    height: 40px;
+    color: #999;
+    font-size: 16px;
+}
 
-    .channel_img_ul_1_li_img {
-        display: block;
-        width: 165px;
-        height: 96px;
-    }
+.channel_5_ul_box {
+    border: solid 1px #E8E8E8;
+    border-top: solid 1px #fff;
+    padding-bottom: 20px;
+}
 
-    .channel_img_ul_1_li_dot2 {
-        height: 48px;
-        line-height: 24px;
-        color: #333;
-        font-size: 18px;
-        margin-top: 15px;
-    }
+.channel_5_ul_box_in {
+    width: 540px;
+    display: flex;
+    margin-top: 20px;
 }
 
-.channel_img_ul_1_li:nth-of-type(odd) {
+.channel_5_ul_box_in:nth-of-type(odd) {
     float: left;
+    margin-left: 15px;
 }
 
-.channel_img_ul_1_li:nth-of-type(even) {
+.channel_5_ul_box_in:nth-of-type(even) {
     float: right;
+    margin-right: 15px;
 }
 
-.channel_img_ul_1_li_a {}
+.channel_5_ul_left_img_box {
+    display: block;
+    width: 190px;
+    height: 126px;
+    margin-right: 16px;
+}
 
-.channel_img_ul_1_li_a:hover .channel_img_ul_1_li_dot2 {
-    color: #255590;
+.channel_5_ul_left_img {
+    display: block;
+    width: 190px;
+    height: 126px;
 }
 
-.channel_ul_5_a {
-    height: 24px;
-    line-height: 24px;
+.channel_5_ul_a {
+    display: block;
+    height: 19px;
+    line-height: 19px;
+    width: 330px;
     color: #333;
-    font-size: 18px;
-    margin-bottom: 27px;
-
-    &:hover {
-        color: #255590;
-    }
+    font-size: 16px;
+    margin: 2px 0px 16px;
 }
 
-.channel_ul_5_a:nth-of-type(5n-4) {
+.channel_5_ul_a:nth-of-type(1) {
     font-weight: bold;
 }
 
-.channel_img_ul_2 {
-    .channel_img_ul_2_li {
-        width: 220px;
-    }
-
-    .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_2_li_img {
-        display: block;
-        width: 220px;
-        height: 130px;
-    }
+.channel_5_ul_a:last-of-type(1) {
+    margin-bottom: 0px;
+}
 
-    .channel_img_ul_2_li_dot1 {
-        height: 24px;
-        line-height: 24px;
-        color: #333;
-        font-size: 18px;
-        margin-top: 20px;
-        text-align: center;
-    }
+.channel_5_ul_a:hover {
+    color: #489D97;
+}
 
-    .channel_img_ul_2_li_a:hover .channel_img_ul_2_li_dot1 {
-        color: #255590;
-    }
+.channel_name_more_2 {
+    float: right;
+    line-height: 40px;
+    height: 40px;
+    color: #999;
+    font-size: 16px;
+    margin-top: 8px;
 }
 
-.channel_ul_6 {
-    margin-top: 39px;
+.channel_name_more:hover {
+    color: #489D97;
+}
 
-    .channel_ul_6_a {
-        height: 24px;
-        line-height: 24px;
-        color: #333;
-        font-size: 18px;
-        margin-bottom: 25px;
-        box-sizing: border-box;
-        text-indent: 16px;
-        position: relative;
-    }
+.channel_name_more_2:hover {
+    color: #489D97;
+}
 
-    .channel_ul_6_a::after {
-        content: '';
-        display: block;
-        width: 4px;
-        height: 4px;
-        background: #255590;
-        position: absolute;
-        left: 0px;
-        top: 10px;
-        z-index: 11;
-    }
+.channel_6 {
+    margin-top: 11px;
+}
 
-    .channel_ul_6_a:nth-last-of-type(1) {
-        margin-bottom: 11px;
-    }
+.channel_6_in {
+    width: 594px;
+}
 
-    .channel_ul_6_a:hover {
-        color: #255590;
-    }
+.channel_6_in:nth-of-type(odd) {
+    float: left;
 }
 
-.channel_4 {
-    margin-top: 14px;
+.channel_6_in:nth-of-type(even) {
+    float: right;
 }
 
-.channel_ul_7_a {
-    height: 24px;
-    line-height: 24px;
-    color: #333;
-    font-size: 18px;
-    margin-bottom: 37px;
+.channel_6_line {
+    border: solid 1px #E8E8E8;
+    width: 594px;
     box-sizing: border-box;
-    text-indent: 16px;
-    position: relative;
+    box-sizing: border-box;
+    padding: 19px 14px 20px;
+}
 
-    &:hover {
-        color: #255590;
-    }
+.channel_6_ul_box {
+    border: solid 1px #E8E8E8;
+    border-top: solid 1px #fff;
+    padding-bottom: 20px;
 }
 
-.channel_ul_7_a::after {
-    content: '';
-    display: block;
-    width: 4px;
-    height: 4px;
-    background: #333;
-    position: absolute;
-    left: 0px;
-    top: 10px;
-    z-index: 11;
+.channel_6_ul_box_in {
+    width: 540px;
+    display: flex;
+    margin-bottom: 20px;
 }
 
-.channel_ul_7_a:nth-of-type(1) {
-    font-weight: bold;
+.channel_6_ul_box_in:nth-last-of-type(1) {
+    margin-bottom: 0px;
 }
 
-.channel_ul_7_a:hover::after {
-    content: '';
+.channel_6_ul_left_img_box {
     display: block;
-    background: #255590;
+    width: 190px;
+    height: 126px;
+    margin-right: 16px;
 }
 
-.channel_img_big_5_ul {
-    .channel_img_big_5_li {
-        margin-bottom: 25px;
-        overflow: hidden;
-    }
+.channel_6_ul_left_img {
+    display: block;
+    width: 190px;
+    height: 126px;
+}
 
-    .channel_img_big_5_li_a {}
+.channel_6_ul_a {
+    display: block;
+    height: 19px;
+    line-height: 19px;
+    width: 330px;
+    color: #333;
+    font-size: 16px;
+    margin: 1px 0px 16px;
+}
 
-    .channel_img_big_5_li_img {
-        display: block;
-        width: 100%;
-        height: 267px;
-    }
+.channel_6_ul_a:nth-of-type(1) {
+    font-weight: bold;
+}
 
-    .channel_img_big_5_li_dot2 {
-        height: 48px;
-        color: #333;
-        font-size: 18px;
-        margin-top: 20px;
-        line-height: 24px;
-        font-weight: bold;
-    }
+.channel_6_ul_a:nth-last-of-type(1) {
+    margin-bottom: 0px;
+}
 
-    .channel_img_big_5_li_a:hover .channel_img_big_5_li_dot2 {
-        color: #255590;
-    }
+.channel_6_ul_a:hover {
+    color: #489D97;
 }

components/home/ListSecondaryHeading.vue

@@ -1,10 +1,15 @@
 <template>
-    <nav class="channel_nav back100">
-        <a class="channel_nav_a" href="javascript:(void)" title="name">{{ name }}</a>
-        <span v-for="(item,index) in nav">
-            <NuxtLink :to="{ path: `/${targetRoute}/${item.aLIas_pinyin}/list-1.html`}" class="channel_nav_a" v-if="index<=7">{{ item.alias }}</NuxtLink>
-        </span>
-    </nav>
+    <section class="channel_1 clearfix">
+        <div class="channel_head_box clearfix">
+            <div class="channel_head_a_name_box clearfix">
+                <a class="channel_head_a_name" href="javascript:(void)" title="title">{{ name }}</a>
+            </div>
+            <div class="channel_head_a_img_box back100"></div>
+            <nav class="channel_nav_box clearfix">
+                <NuxtLink :to="{ path: `/${targetRoute}/${item.aLIas_pinyin}/list-1.html`}" class="channel_head_a" v-for="(item,index) in nav">{{ item.alias }}</NuxtLink>
+            </nav>
+        </div>
+    </section>
 </template>
 
 <script setup>
@@ -26,34 +31,91 @@ const targetRoute = segments[1];
 </script>
 
 <style lang="less" scoped>
-.channel_nav {
-    height: 60px;
+/*农民工网-频道页*/
+.channel_1 {
     width: 1200px;
     margin: 0 auto;
-    background-image: url(@/public/img/5.png);
+}
+.channel_head_box {
+    border-top-left-radius: 3px;
+    border-top-right-radius: 3px;
+    border: solid 1px #D9D9D9;
     margin-top: 40px;
+    box-sizing: border-box;
+    border-bottom: solid 2px #489D97;
+    background: #fafafa;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
 
-    .channel_nav_a {
-        float: left;
-        height: 60px;
-        line-height: 60px;
-        color: #255590;
-        font-size: 20px;
-        margin: 0px 19px;
-        font-weight: bold;
+    .channel_nav_box {
+        flex: 1;
+        padding: 9px 0px;
     }
 
-    >.channel_nav_a:nth-of-type(1) {
-        color: #fff;
-        width: 230px;
-        padding-left: 50px;
+    .channel_head_a {
+        position: relative;
+        height: 18px;
+        line-height: 18px;
+        color: #333;
+        font-size: 14px;
+        border-top-left-radius: 3px;
+        border-top-right-radius: 3px;
+        float: left;
+        padding: 0px 6px;
+        text-align: center;
         box-sizing: border-box;
-        margin-left:0;
-        margin-right: 0;
+        margin: 5px 0px 5px -2px;
+        width: 101px;
+
+        &:hover {
+            color: #489D97;
+        }
+    }
+
+    .channel_head_a::after {
+        content: '';
+        display: block;
+        position: absolute;
+        width: 2px;
+        height: 12px;
+        background: #DBDBDB;
+        top: 3px;
+        left: -1px;
     }
 }
-.back100 {
-    background-size: 100% 100%;
-    background-repeat: no-repeat;
+
+.channel_head_a_name_box {
+    display: flex;
+    margin-top: auto;
+}
+
+.channel_head_a_name {
+    background: #489D97;
+    font-size: 18px;
+    font-weight: bold;
+    color: #fff;
+    padding: 0px 15px;
+    position: relative;
+    height: 44px;
+    line-height: 44px;
+    font-size: 18px;
+    border-top-left-radius: 3px;
+    border-top-right-radius: 3px;
+    padding: 0px 15px;
+    text-align: center;
+}
+
+.channel_head_a_img_box {
+    width: 36px;
+    height: 34px;
+    float: left;
+    background-image: url(@/public/img/25.png);
+    margin: 0px 20px 0px 19px;
+}
+
+.channel_head_a:nth-of-type(1)::after,.channel_head_a:nth-of-type(11)::after  {
+    content: '';
+    display: none;
 }
 </style>

components/home/SecondaryHeading.vue

@@ -1,10 +1,15 @@
 <template>
-    <nav class="channel_nav back100">
-        <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>
-        </span>
-    </nav>
+    <section class="channel_1 clearfix">
+        <div class="channel_head_box clearfix">
+            <div class="channel_head_a_name_box clearfix">
+                <a class="channel_head_a_name" href="javascript:(void)" title="title">{{ title }}</a>
+            </div>
+            <div class="channel_head_a_img_box back100"></div>
+            <nav class="channel_nav_box clearfix">
+                <NuxtLink :to="{ path: `/${item.aLIas_pinyin}/list-1.html`}" class="channel_head_a" v-for="(item,index) in titleData">{{ item.alias }}</NuxtLink>
+            </nav>
+        </div>
+    </section>
 </template>
 
 <script setup>
@@ -46,34 +51,91 @@ getPageData();
 </script>
 
 <style lang="less" scoped>
-.channel_nav {
-    height: 60px;
+/*农民工网-频道页*/
+.channel_1 {
     width: 1200px;
     margin: 0 auto;
-    background-image: url(@/public/img/5.png);
+}
+.channel_head_box {
+    border-top-left-radius: 3px;
+    border-top-right-radius: 3px;
+    border: solid 1px #D9D9D9;
     margin-top: 40px;
+    box-sizing: border-box;
+    border-bottom: solid 2px #489D97;
+    background: #fafafa;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
 
-    .channel_nav_a {
-        float: left;
-        height: 60px;
-        line-height: 60px;
-        color: #255590;
-        font-size: 20px;
-        margin: 0px 19px;
-        font-weight: bold;
+    .channel_nav_box {
+        flex: 1;
+        padding: 9px 0px;
     }
 
-    >.channel_nav_a:nth-of-type(1) {
-        color: #fff;
-        width: 230px;
-        padding-left: 50px;
+    .channel_head_a {
+        position: relative;
+        height: 18px;
+        line-height: 18px;
+        color: #333;
+        font-size: 14px;
+        border-top-left-radius: 3px;
+        border-top-right-radius: 3px;
+        float: left;
+        padding: 0px 6px;
+        text-align: center;
         box-sizing: border-box;
-        margin-left:0;
-        margin-right: 0;
+        margin: 5px 0px 5px -2px;
+        width: 101px;
+
+        &:hover {
+            color: #489D97;
+        }
+    }
+
+    .channel_head_a::after {
+        content: '';
+        display: block;
+        position: absolute;
+        width: 2px;
+        height: 12px;
+        background: #DBDBDB;
+        top: 3px;
+        left: -1px;
     }
 }
-.back100 {
-    background-size: 100% 100%;
-    background-repeat: no-repeat;
+
+.channel_head_a_name_box {
+    display: flex;
+    margin-top: auto;
+}
+
+.channel_head_a_name {
+    background: #489D97;
+    font-size: 18px;
+    font-weight: bold;
+    color: #fff;
+    padding: 0px 15px;
+    position: relative;
+    height: 44px;
+    line-height: 44px;
+    font-size: 18px;
+    border-top-left-radius: 3px;
+    border-top-right-radius: 3px;
+    padding: 0px 15px;
+    text-align: center;
+}
+
+.channel_head_a_img_box {
+    width: 36px;
+    height: 34px;
+    float: left;
+    background-image: url(@/public/img/25.png);
+    margin: 0px 20px 0px 19px;
+}
+
+.channel_head_a:nth-of-type(1)::after,.channel_head_a:nth-of-type(11)::after  {
+    content: '';
+    display: none;
 }
 </style>

components/home/SmallSwiperTwo.vue

@@ -0,0 +1,148 @@
+<template>
+    <div class="swiper">
+        <el-carousel :interval="5000" height="405px" indicator-class="custom-indicator" @change="handleIndicatorChange">
+                <el-carousel-item v-for="item in data" :key="item">
+                    <NuxtLink 
+                            :to="`/${item.pinyin}/${item.id}.html`"
+                            :title="item.title">
+                            <img :src="item.imgurl" :alt="item.title">
+                            <span class="swiper_dot1 dot1">{{ item.title }}</span>
+                    </NuxtLink>
+                </el-carousel-item>
+        </el-carousel>
+    </div>
+</template>
+
+<script setup>
+import { ElCarousel, ElCarouselItem } from 'element-plus'
+//获取焦点图数据 start---------------------------------------->
+const props = defineProps({
+    data:Array
+})
+
+let currentIndex = ref(0)
+let handleIndicatorChange = (val) => {
+    currentIndex.value = val
+}
+//获取焦点图数据 end---------------------------------------->
+</script>
+
+<style lang="less" scoped>
+.dot1 {
+    display: block;
+    word-break: keep-all;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.swiper {
+    width: 100%;
+    height: 405px;
+    position: relative;
+
+    img {
+        width: 100%;
+        height: 405px;
+    }
+
+    .swiper_dot1 {
+        display: block;
+        width: 100%;
+        line-height: 60px;
+        height: 60px;
+        color: #fff;
+        font-size: 24px;
+        text-indent: 20px;
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        z-index: 10;
+        box-sizing: border-box;
+        padding-right: 244px;
+
+        background: rgba(0, 0, 0, .5);
+
+
+
+
+
+    }
+
+}
+
+.el-carousel {
+    /deep/.el-carousel__arrow i {
+        font-size: 30px !important;
+    }
+
+    /deep/.el-carousel__arrow--left {
+        left: 16px;
+        width: 35px;
+        height: 57px;
+        color: #616358;
+        background: #dcdedc;
+        position: absolute;
+        left: 0px;
+        border: none;
+        border-radius: 0;
+    }
+
+    /deep/.el-carousel__arrow--right {
+        right: 16px;
+        width: 35px;
+        height: 57px;
+        color: #616358;
+        background: #dcdedc;
+        position: absolute;
+        right: 0;
+        border: none;
+        border-radius: 0;
+    }
+
+    /deep/ .el-carousel__indicators {
+        // 指示器
+        left: unset;
+        transform: unset;
+        right: 10px;
+        bottom: 11px;
+    }
+
+    /deep/ .el-carousel__button {
+        // 指示器按钮
+        width: 10px;
+        height: 10px;
+        border: none;
+        border-radius: 5px;
+        background: #ccc;
+        opacity: 1;
+    }
+
+    /deep/ .is-active .el-carousel__button {
+        // 指示器激活按钮
+        background: #fff;
+        width: 58px;
+        opacity: 1;
+
+    }
+
+    /deep/ .el-carousel__container {
+        height: 100%;
+    }
+}
+
+.custom-indicator button {
+    background-color: #fff;
+
+    opacity: 1;
+    width: 8px;
+    height: 8px;
+}
+
+.custom-indicator button.is-active {
+    background-color: #DD7D18;
+    width: 58px;
+
+    opacity: 1;
+}
+</style>

pages/[dir]/index.html.vue

@@ -5,49 +5,89 @@
         <HomeSecondaryHeading :titleData="pageData" :pinyinid="routeId"></HomeSecondaryHeading>
         <!-- 频道页 -->
         <main class="index_main">
-            <!--板块1-->
-            <section class="channel_1 clearfix">
-                <div class="channel_1_left">
-                    <div class="channel_1_box">
-                        <HomeSwiperSnscChannel :data="pageData[0].data"></HomeSwiperSnscChannel>
+            <!-- 频道页 -->
+            <section class="channel_2 clearfix">
+                <div class="roll_1_box">
+                    <HomeSmallSwiperTwo :data="pageData[0].data"></HomeSmallSwiperTwo>
+                </div>
+                <div class="index_2_right_box">
+                    <div class="index_2_head clearfix">
+                        <NuxtLink class="index_2_head_a index_2_head_a_only" 
+                            :href="getLinkPath(pageData[0])" 
+                            v-if="pageData[0]" 
+                            :title="pageData[0].alias"
+                        >
+                            {{ pageData[0].alias }}
+                        </NuxtLink>
+                        <NuxtLink class="channel_name_more_2" 
+                            :href="getLinkPath(pageData[0])" 
+                            v-if="pageData[0]" 
+                            :title="pageData[0].alias"
+                        >
+                            栏目简介
+                        </NuxtLink>
+                    </div>
+                    <div class="index_2_ul index_2_ul_bold channel_2_ul">
+                        <NuxtLink class="index_2_ul_a dot1"
+                            :href="getLinkPathDetail(item)"
+                            :title="item.title"
+                            v-for="item in pageData[0].data2"
+                            :key="item.id"
+                            :target="item.islink == 1 ? '_blank' : '_self'"
+                        >
+                            {{ item.title }}
+                        </NuxtLink>
                     </div>
                 </div>
-                <div class="channel_1_right">
-                    <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>
+            </section>
+            <!-- 创业项目 -->
+            <section class="channel_3 clearfix">
+                <div class="channel_name_box clearfix">
+                    <a class="channel_name" href="" title="">创业项目</a>
+                    <a class="channel_name_more" href="" title="">栏目简介</a>
+                </div>
+                <div class="channel_5_ul_box clearfix">
+                    <div class="channel_5_ul_box_in clearfix">
+                        <div class="channel_5_ul_left_img_box">
+                            <a class="channel_5_ul_left_img_box_a" href="" title="">
+                                <img class="channel_5_ul_left_img" src="@/public/img/8.png" title="" alt="">
+                            </a>
+                        </div>
+                        <div class="channel_5_ul">
+                            <a class="channel_5_ul_a dot1" href="" title="" v-for="(per_obj, per_index) in 4"
+                                :key="per_obj">
+                                创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目
+                            </a>
+                        </div>
+                    </div>
+                    <div class="channel_5_ul_box_in clearfix">
+                        <a class="channel_5_ul_left_img_box" href="" title="">
+                            <img class="channel_5_ul_left_img" src="@/public/img/8.png" title="" alt="">
+                        </a>
+                        <div class="channel_5_ul">
+                            <a class="channel_5_ul_a dot1" href="" title="" v-for="(per_obj, per_index) in 4"
+                                :key="per_obj">
+                                创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目
+                            </a>
                         </div>
                     </div>
                 </div>
             </section>
-            <!--板块2-->
-            <section class="channel_2 clearfix">
-                <div class="channel_1_left clearfix">
-                    <!--open 商贸活动-->
-                    <div class="channel_head">
-                        <NuxtLink class="channel_head_name" 
+            <!-- 创业项目 -->
+            <!-- 广告位一 start -->
+            <HomeAdvertising :imgurl="adImg1"></HomeAdvertising>
+            <section class="channel_4 clearfix">
+                <!-- 今日推荐open -->
+                <div class="index_9_box_1">
+                    <div class="index_2_head clearfix">
+                        <NuxtLink class="index_2_head_a index_2_head_a_only" 
                             :href="getLinkPath(pageData[1])" 
                             v-if="pageData[1]" 
                             :title="pageData[1].alias"
                         >
                             {{ pageData[1].alias }}
                         </NuxtLink>
-                        <NuxtLink class="channel_head_more" 
+                        <NuxtLink class="channel_name_more_2" 
                             :href="getLinkPath(pageData[1])" 
                             v-if="pageData[1]" 
                             :title="pageData[1].alias"
@@ -56,79 +96,46 @@
                         </NuxtLink>
                     </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"
+                        <div class="index_5_box_1 clearfix">
+                            <div class="index_5_big_img_ul">
+                                <div class="index_5_big_img_li">
+                                    <NuxtLink class="index_5_big_img_li_a"
                                         :href="getLinkPathDetail(item)"
                                         :title="item.title"
+                                        v-for="item in pageData[1].data"
                                         :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">
+                                        <img class="index_5_big_img_li_img" :src="item.imgurl" alt="item.title">
+                                        <div class="index_5_big_img_li_dot2 dot2">
                                             {{ item.title }}
                                         </div>
                                     </NuxtLink>
                                 </div>
                             </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>
-                        </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>
-                    </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"
+                            <div class="index_5_img_ul clearfix">
+                                <div class="index_5_img_li" v-for="item in pageData[1].data2">
+                                    <NuxtLink class="index_5_img_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">
+                                        <img class="index_5_img_li_img" :src="item.imgurl" alt="item.title">
+                                        <div class="index_5_img_li_dot2 dot2">
                                             {{ item.title }}
                                         </div>
                                     </NuxtLink>
                                 </div>
                             </div>
                         </div>
-                        <div class="channel_1_box_2 clearfix">
-                            <div class="channel_ul_3">
-                                <NuxtLink class="channel_ul_3_a dot1"
+                        <div class="index_5_box_2 clearfix">
+                            <div class="index_5_ul channel_foot_ul">
+                                <NuxtLink class="index_5_ul_a dot1"
                                     :href="getLinkPathDetail(item)"
                                     :title="item.title"
-                                    v-for="item in pageData[2].data2"
+                                    v-for="item in pageData[1].data3"
                                     :key="item.id"
                                     :target="item.islink == 1 ? '_blank' : '_self'"
                                 >
@@ -137,243 +144,305 @@
                             </div>
                         </div>
                     </div>
-                    <!--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"
+                <!-- 今日推荐over -->
+                <!-- open 政务在线-->
+                <div class="index_5_box_3 clearfix">
+                    <div class="index_2_head clearfix">
+                        <NuxtLink class="index_2_head_a index_2_head_a_only" 
+                            :href="getLinkPath(pageData[2])" 
+                            v-if="pageData[2]" 
+                            :title="pageData[2].alias"
                         >
-                            {{ pageData[3].alias }}
+                            {{ pageData[2].alias }}
                         </NuxtLink>
-                        <NuxtLink class="channel_head_more" 
-                            :href="getLinkPath(pageData[3])" 
-                            v-if="pageData[3]" 
-                            :title="pageData[3].alias"
+                        <NuxtLink class="channel_name_more_2" 
+                            :href="getLinkPath(pageData[2])" 
+                            v-if="pageData[2]" 
+                            :title="pageData[2].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"
+                    <div class="index_5_img_ul_2 clearfix channel_2_head_top">
+                        <div class="index_5_img_ul_2_li" v-for="item in pageData[2].data">
+                            <NuxtLink class="index_5_img_ul_2_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>
+                                <img class="index_5_img_ul_2_li_img" :src="item.imgurl" alt="item.title">
+                                <div class="index_5_img_ul_2_li_dot1 dot1">{{item.title}}</div>
                             </NuxtLink>
                         </div>
                     </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>
-                            </NuxtLink>
-                        </div>
+                    <div class="index_2_ul channel_ul_3 channel_foot_ul">
+                        <NuxtLink class="index_2_ul_a dot1"
+                            :href="getLinkPathDetail(item)"
+                            :title="item.title"
+                            :key="item.id"
+                            v-for="item in pageData[2].data2"
+                            :target="item.islink == 1 ? '_blank' : '_self'"
+                        >
+                            {{item.title}}
+                        </NuxtLink>
                     </div>
-                    <!--end 产业动态-->
                 </div>
+                <!-- over 政务在线-->
             </section>
-            <!--广告1-->
-            <HomeAdvertising :data="adImg1"></HomeAdvertising>
-            
-            <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"
+            <section class="channel_5 clearfix">
+                <!-- open 专题报道-->
+                <div class="channel_1_box_1">
+                    <div class="index_2_head clearfix">
+                        <NuxtLink class="index_2_head_a index_2_head_a_only" 
+                            :href="getLinkPath(pageData[3])" 
+                            v-if="pageData[3]" 
+                            :title="pageData[3].alias"
                         >
-                            {{ pageData[4].alias }}
+                            {{ pageData[3].alias }}
+                        </NuxtLink>
+                    </div>
+                    <div class="index_2_ul index_2_ul_bold channel_3_ul">
+                        <NuxtLink class="index_2_ul_a dot1"
+                            :href="getLinkPathDetail(item)"
+                            :title="item.title"
+                            v-for="item in pageData[3].data"
+                            :target="item.islink == 1 ? '_blank' : '_self'"
+                        >
+                            {{item.title}}
                         </NuxtLink>
-                        <NuxtLink class="channel_head_more" 
+                    </div>
+                </div>
+                <!-- over 专题报道-->
+                <!-- open 政策法规-->
+                <div class="channel_1_box_2 clearfix">
+                    <div class="index_2_head clearfix">
+                        <NuxtLink class="index_2_head_a index_2_head_a_only" 
                             :href="getLinkPath(pageData[4])" 
                             v-if="pageData[4]" 
                             :title="pageData[4].alias"
                         >
-                            栏目简介
+                            {{ pageData[4].alias }}
                         </NuxtLink>
                     </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>
+                    <div class="index_9_big_img_ul">
+                        <div class="index_5_big_img_li">
+                            <NuxtLink class="index_5_big_img_li_a"
+                                :href="getLinkPathDetail(item)"
+                                :title="item.title"
+                                v-for="item in pageData[4].data"
+                                :target="item.islink == 1 ? '_blank' : '_self'"
+                            >
+                                <img class="index_9_big_img_li_img" :src="item.imgurl" alt="item.title">
+                                <div class="index_5_big_img_li_dot2 dot2">{{ item.title }}</div>
+                            </NuxtLink>
+                        </div>
+                    </div>
+                </div>
+                <!-- over 政策法规-->
+            </section>
+            <section class="channel_6 clearfix">
+                <!-- 创业故事 -->
+                <div class="channel_6_in">
+                    <div class="channel_name_box clearfix">
+                        <a class="channel_name" href="" title="">创业故事</a>
+                        <a class="channel_name_more" href="" title="">栏目简介</a>
+                    </div>
+                    <div class="channel_6_line clearfix">
+                        <div class="channel_6_ul_box_in clearfix">
+                            <a class="channel_6_ul_left_img_box" href="" title="">
+                                <img class="channel_6_ul_left_img" src="@/public/img/8.png" title="" alt="">
+                            </a>
+                            <div class="channel_6_ul">
+                                <a class="channel_6_ul_a dot1" href="" title="" v-for="(per_obj, per_index) in 4"
+                                    :key="per_obj">
+                                    创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目
+                                </a>
                             </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_6_ul_box_in clearfix">
+                            <a class="channel_6_ul_left_img_box" href="" title="">
+                                <img class="channel_6_ul_left_img" src="@/public/img/8.png" title="" alt="">
+                            </a>
+                            <div class="channel_6_ul">
+                                <a class="channel_6_ul_a dot1" href="" title="" v-for="(per_obj, per_index) in 4"
+                                    :key="per_obj">
+                                    创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目
+                                </a>
                             </div>
                         </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_6_in">
+                    <div class="channel_name_box clearfix">
+                        <a class="channel_name" href="" title="">推荐单位</a>
+                        <a class="channel_name_more" href="" title="">栏目简介</a>
+                    </div>
+                    <div class="channel_6_line clearfix">
+                        <div class="channel_6_ul_box_in clearfix">
+                            <a class="channel_6_ul_left_img_box" href="" title="">
+                                <img class="channel_6_ul_left_img" src="@/public/img/8.png" title="" alt="">
+                            </a>
+                            <div class="channel_6_ul">
+                                <a class="channel_6_ul_a dot1" href="" title="" v-for="(per_obj, per_index) in 4"
+                                    :key="per_obj">
+                                    创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目创业项目
+                                </a>
+                            </div>
+                        </div>
+                        <div class="channel_6_ul_box_in clearfix">
+                            <a class="channel_6_ul_left_img_box" href="" title="">
+                                <img class="channel_6_ul_left_img" src="@/public/img/8.png" title="" alt="">
+                            </a>
+                            <div class="channel_6_ul">
+                                <a class="channel_6_ul_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_1_right clearfix">
-                    <div class="channel_head">
-                        <NuxtLink class="channel_head_name" 
+                <!-- 推荐单位-->
+            </section>
+            <div class="channel_banner_2">
+                <a class="banner_a" href="" title="">
+                    <img class="banner_img" src="@/public/img/7.png" title="" alt="">
+                </a>
+            </div>
+            <section class="channel_4 clearfix">
+                <!-- open 民工调研报道-->
+                <div class="index_9_box_1">
+                    <div class="index_2_head clearfix">
+                        <NuxtLink class="index_2_head_a index_2_head_a_only" 
                             :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"
+                    <div class="index_5_box_1 clearfix">
+                        <div class="index_5_big_img_ul">
+                            <div class="index_5_big_img_li">
+                                <NuxtLink class="index_5_big_img_li_a"
+                                    :href="getLinkPathDetail(item)"
+                                    :title="item.title"
+                                    v-for="item in pageData[5].data"
+                                    :key="item.id"
+                                    :target="item.islink == 1 ? '_blank' : '_self'"
+                                >
+                                    <img class="index_5_big_img_li_img" :src="item.imgurl" :alt="item.title">
+                                    <div class="index_5_big_img_li_dot2 dot2">{{ item.title }}</div>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                        <div class="index_5_img_ul">
+                            <div class="index_5_img_li" v-for="item in pageData[5].data2">
+                                <NuxtLink class="index_5_img_li_a"
+                                    :href="getLinkPathDetail(item)"
+                                    :title="item.title"
+                                    :key="item.id"
+                                    :target="item.islink == 1 ? '_blank' : '_self'"
+                                >
+                                    <img class="index_5_img_li_img" :src="item.imgurl" :alt="item.title">
+                                    <div class="index_5_img_li_dot2 dot2">{{ item.title }}</div>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="index_5_box_2 clearfix">
+                        <div class="index_5_ul">
+                            <NuxtLink class="index_5_ul_a dot1"
                                 :href="getLinkPathDetail(item)"
                                 :title="item.title"
                                 :key="item.id"
+                                v-for="(item, index) in pageData[5].data3"
                                 :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>
+                                <div class="index_5_img_li_dot2 dot2">{{index+1}}{{ item.title }}</div>
                             </NuxtLink>
                         </div>
                     </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>
-                    <!--end 市场行情-->
                 </div>
-            </section>
-            <section class="channel_4 clearfix">
-                <div class="channel_1_left clearfix">
-                    <!--open 业界交流-->
-                    <div class="channel_head">
-                        <NuxtLink class="channel_head_name" 
+                <!-- over 民工调研报道-->
+                <!-- open 农民工奇闻轶事-->
+                <div class="index_5_box_3 clearfix">
+                    <div class="index_2_head clearfix">
+                        <NuxtLink :class="['index_2_head_a', showTabs==1 ? 'index_2_head_a_only' : '']"
                             :href="getLinkPath(pageData[6])" 
                             v-if="pageData[6]" 
+                            @mouseenter="qhtabs(1)"
                             :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>
-                    <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>
-                    <!--end 业界交流-->
-                </div>
-                <!--open 主题活动-->
-                <div class="channel_1_right clearfix">
-                    <div class="channel_head">
-                        <NuxtLink class="channel_head_name" 
+                        <NuxtLink :class="['index_2_head_a', showTabs==2 ? 'index_2_head_a_only' : '']" 
                             :href="getLinkPath(pageData[7])" 
                             v-if="pageData[7]" 
+                            @mouseenter="qhtabs(2)"
                             :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>
-                    <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"
+                    <div v-if="showTabs==1">
+                        <div class="index_5_img_ul_2 clearfix channel_2_head_top">
+                            <div class="index_5_img_ul_2_li" v-for="item in pageData[6].data">
+                                <NuxtLink class="index_5_img_ul_2_li_a"
+                                    :href="getLinkPathDetail(item)"
+                                    :title="item.title"
+                                    :key="item.id"
+                                    :target="item.islink == 1 ? '_blank' : '_self'"
+                                >
+                                    <img class="index_5_img_ul_2_li_img" :src="item.imgurl" :alt="item.title">
+                                    <div class="index_5_img_ul_2_li_dot1 dot1">{{item.title}}</div>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                        <div class="index_2_ul channel_4_ul">
+                            <NuxtLink class="index_2_ul_a dot1"
+                                :href="getLinkPathDetail(item)"
+                                :title="item.title"
+                                v-for="item in pageData[6].data2"
+                                :key="item.id"
+                                :target="item.islink == 1 ? '_blank' : '_self'"
+                            >
+                                {{ item.title }}
+                            </NuxtLink>
+                        </div>
+                    </div>
+                    <div v-if="showTabs==2">
+                        <div class="index_5_img_ul_2 clearfix channel_2_head_top">
+                            <div class="index_5_img_ul_2_li" v-for="item in pageData[7].data">
+                                <NuxtLink class="index_5_img_ul_2_li_a"
+                                    :href="getLinkPathDetail(item)"
+                                    :title="item.title"
+                                    :key="item.id"
+                                    :target="item.islink == 1 ? '_blank' : '_self'"
+                                >
+                                    <img class="index_5_img_ul_2_li_img" :src="item.imgurl" :alt="item.title">
+                                    <div class="index_5_img_ul_2_li_dot1 dot1">{{item.title}}</div>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                        <div class="index_2_ul channel_4_ul">
+                            <NuxtLink class="index_2_ul_a dot1"
                                 :href="getLinkPathDetail(item)"
                                 :title="item.title"
-                                v-for="item in pageData[7].data"
+                                v-for="item in pageData[7].data2"
                                 :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>
+                            >
+                                {{ item.title }}
                             </NuxtLink>
                         </div>
                     </div>
-                    <!--end 主题活动-->
                 </div>
+                <!-- over 农民工奇闻轶事-->
             </section>
         </main>
         <!-- 页脚部分 -->
@@ -536,14 +605,14 @@ try {
         }
         //导航池加载完毕，开始申请模块数据
         let getJson = [
-            { "parent": routeId + ",0,0", "child": pageData.value[0].cid + ",5,10" },//模块1 顶部没有标题的那个
-            { "parent": routeId + ",0,0", "child": pageData.value[1].cid + ",1,6" },//模块2
-            { "parent": routeId + ",0,0", "child": pageData.value[2].cid + ",1,6" },//模块3
-            { "parent": routeId + ",0,0", "child": pageData.value[3].cid + ",1,6" },//模块4
-            { "parent": routeId + ",0,0", "child": pageData.value[4].cid + ",3,10" },//模块5
-            { "parent": routeId + ",0,0", "child": pageData.value[5].cid + ",2,6" },//模块6
-            { "parent": routeId + ",0,0", "child": pageData.value[6].cid + ",0,6" },//模块7
-            { "parent": routeId + ",0,0", "child": pageData.value[7].cid + ",1,0" },//模块8
+            { "parent": routeId + ",0,0", "child": pageData.value[0].cid + ",5,6" },//模块1 顶部没有标题的那个
+            { "parent": routeId + ",0,0", "child": pageData.value[1].cid + ",3,10" },//模块2
+            { "parent": routeId + ",0,0", "child": pageData.value[2].cid + ",2,5" },//模块3
+            { "parent": routeId + ",0,0", "child": pageData.value[3].cid + ",0,7" },//模块4
+            { "parent": routeId + ",0,0", "child": pageData.value[4].cid + ",1,0" },//模块5
+            { "parent": routeId + ",0,0", "child": pageData.value[5].cid + ",3,10" },//模块6
+            { "parent": routeId + ",0,0", "child": pageData.value[6].cid + ",2,5" },//模块7
+            { "parent": routeId + ",0,0", "child": pageData.value[7].cid + ",2,5" },//模块8
         ]
         let jsonString = JSON.stringify(getJson);
         getPageAllData(jsonString);
@@ -569,30 +638,36 @@ async function getPageAllData(jsonString) {
         pageData.value[0].data = mkdata.data[0].child.imgnum;
         pageData.value[0].data2 = mkdata.data[0].child.textnum;
         //模块2
-        pageData.value[1].data = mkdata.data[1].child.imgnum;
-        pageData.value[1].data2 = mkdata.data[1].child.textnum;
+        for(let index in mkdata.data[1].child.imgnum){
+            if(index<1){
+                pageData.value[1].data.push(mkdata.data[1].child.imgnum[index]);
+            }else{
+                pageData.value[1].data2.push(mkdata.data[1].child.imgnum[index]);
+            }
+        }
+        pageData.value[1].data3 = mkdata.data[1].child.textnum;
         //模块3
         pageData.value[2].data = mkdata.data[2].child.imgnum;
         pageData.value[2].data2 = mkdata.data[2].child.textnum;
         //模块4
-        pageData.value[3].data = mkdata.data[3].child.imgnum;
-        pageData.value[3].data2 = mkdata.data[3].child.textnum;
+        pageData.value[3].data = mkdata.data[3].child.textnum;
         //模块5
-        for(let index in mkdata.data[4].child.imgnum){
+        pageData.value[4].data = mkdata.data[4].child.imgnum;
+        //模块6
+        for(let index in mkdata.data[5].child.imgnum){
             if(index<1){
-                pageData.value[4].data.push(mkdata.data[4].child.imgnum[index]);
+                pageData.value[5].data.push(mkdata.data[5].child.imgnum[index]);
             }else{
-                pageData.value[4].data2.push(mkdata.data[4].child.imgnum[index]);
+                pageData.value[5].data2.push(mkdata.data[5].child.imgnum[index]);
             }
         }
-        pageData.value[4].data3 = mkdata.data[4].child.textnum;
-        //模块6
-        pageData.value[5].data = mkdata.data[5].child.imgnum;
-        pageData.value[5].data2 = mkdata.data[5].child.textnum;
+        pageData.value[5].data3 = mkdata.data[5].child.textnum;
         //模块7
-        pageData.value[6].data = mkdata.data[6].child.textnum;
+        pageData.value[6].data = mkdata.data[6].child.imgnum;
+        pageData.value[6].data2 = mkdata.data[6].child.textnum;
         //模块8
         pageData.value[7].data = mkdata.data[7].child.imgnum;
+        pageData.value[7].data2 = mkdata.data[7].child.textnum;
 
     } else {
         ElMessage.error(mkdata.message)