临时保存

临时保存

.nuxt/components.d.ts

@@ -10,6 +10,7 @@ interface _GlobalComponents {
     'HomeAdvertisingClass': typeof import("../components/home/AdvertisingClass.vue")['default']
     'HomeBigSwiper': typeof import("../components/home/BigSwiper.vue")['default']
     'HomeBigTitleList': typeof import("../components/home/BigTitle_List.vue")['default']
+    'HomeListSecondaryHeading': typeof import("../components/home/ListSecondaryHeading.vue")['default']
     'HomePageMessage': typeof import("../components/home/PageMessage.vue")['default']
     'HomePagination': typeof import("../components/home/Pagination.vue")['default']
     'HomeSecondaryHeading': typeof import("../components/home/SecondaryHeading.vue")['default']
@@ -52,6 +53,7 @@ interface _GlobalComponents {
     'LazyHomeAdvertisingClass': typeof import("../components/home/AdvertisingClass.vue")['default']
     'LazyHomeBigSwiper': typeof import("../components/home/BigSwiper.vue")['default']
     'LazyHomeBigTitleList': typeof import("../components/home/BigTitle_List.vue")['default']
+    'LazyHomeListSecondaryHeading': typeof import("../components/home/ListSecondaryHeading.vue")['default']
     'LazyHomePageMessage': typeof import("../components/home/PageMessage.vue")['default']
     'LazyHomePagination': typeof import("../components/home/Pagination.vue")['default']
     'LazyHomeSecondaryHeading': typeof import("../components/home/SecondaryHeading.vue")['default']
@@ -100,6 +102,7 @@ export const HomeAdvertising: typeof import("../components/home/Advertising.vue"
 export const HomeAdvertisingClass: typeof import("../components/home/AdvertisingClass.vue")['default']
 export const HomeBigSwiper: typeof import("../components/home/BigSwiper.vue")['default']
 export const HomeBigTitleList: typeof import("../components/home/BigTitle_List.vue")['default']
+export const HomeListSecondaryHeading: typeof import("../components/home/ListSecondaryHeading.vue")['default']
 export const HomePageMessage: typeof import("../components/home/PageMessage.vue")['default']
 export const HomePagination: typeof import("../components/home/Pagination.vue")['default']
 export const HomeSecondaryHeading: typeof import("../components/home/SecondaryHeading.vue")['default']
@@ -142,6 +145,7 @@ export const LazyHomeAdvertising: typeof import("../components/home/Advertising.
 export const LazyHomeAdvertisingClass: typeof import("../components/home/AdvertisingClass.vue")['default']
 export const LazyHomeBigSwiper: typeof import("../components/home/BigSwiper.vue")['default']
 export const LazyHomeBigTitleList: typeof import("../components/home/BigTitle_List.vue")['default']
+export const LazyHomeListSecondaryHeading: typeof import("../components/home/ListSecondaryHeading.vue")['default']
 export const LazyHomePageMessage: typeof import("../components/home/PageMessage.vue")['default']
 export const LazyHomePagination: typeof import("../components/home/Pagination.vue")['default']
 export const LazyHomeSecondaryHeading: typeof import("../components/home/SecondaryHeading.vue")['default']

.nuxt/manifest/latest.json

@@ -1 +1 @@
-{"id":"dev","timestamp":1744340779477}
+{"id":"dev","timestamp":1744589862929}

.nuxt/manifest/meta/dev.json

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

.nuxt/nitro.json

@@ -1,5 +1,5 @@
 {
-  "date": "2025-04-11T03:06:22.159Z",
+  "date": "2025-04-14T00:17:51.540Z",
   "preset": "nitro-dev",
   "framework": {
     "name": "nuxt",
@@ -9,9 +9,9 @@
     "nitro": "2.10.4"
   },
   "dev": {
-    "pid": 15864,
+    "pid": 17380,
     "workerAddress": {
-      "socketPath": "\\\\.\\pipe\\nitro\\worker-15864-1.sock"
+      "socketPath": "\\\\.\\pipe\\nitro\\worker-17380-1.sock"
     }
   }
 }

assets/css/detail.less

@@ -1,78 +1,80 @@
-//导航条
-.breadcrumb {
-    width: 100%;
-    height: 22px;
-    margin-bottom: 30px;
-    font-family: Microsoft YaHei, Microsoft YaHei;
-    font-weight: 400;
-    font-size: 20px;
-    color: #666666;
-    line-height: 23px;
-    text-align: left;
-    font-style: normal;
-    text-transform: none;
-
-    .el-breadcrumb::v-deep {
-        display: inline-block;
-        vertical-align: -4px;
-    }
-
-    /deep/.el-breadcrumb__inner a,
-    /deep/.el-breadcrumb__inner.is-link {
-        color: #666666;
-        font-weight: 400;
-        text-decoration: none;
-        transition: var(--el-transition-color);
-    }
-
-    span {
-        font-family: Microsoft YaHei, Microsoft YaHei;
-        font-weight: 400;
-        font-size: 20px;
-        color: #666666;
-        line-height: 23px;
-        text-align: left;
-        font-style: normal;
-        text-transform: none;
-    }
-
-    span:hover {
-        color: #666666;
-    }
-
-    .location {
-        margin-right: 20px;
-        width: 100px;
-        height: 22px;
-        font-family: Microsoft YaHei, Microsoft YaHei;
-        font-weight: 400;
-        font-size: 20px;
-        color: #666666;
-        line-height: 23px;
-        text-align: left;
-        font-style: normal;
-        text-transform: none;
-    }
-}
-
 // 资讯列表
 .newsDetail {
     width: 100%;
-    //height: 1400px;
     margin-bottom: 70px;
 
     .inner {
         width: 1200px;
-        //height: 1400px;
         overflow: hidden;
         font-size: 16px;
 
         .innerLeft {
-            // height: 1400px;
-            border-top: 1px solid #139602;
+            width: 900px;
+            margin-right: 30px;
+
+            //导航条
+            .breadcrumb {
+                width: 100%;
+                height: 22px;
+                padding-bottom: 30px;
+                margin-top: 40px;
+                border-bottom: 1px solid #e6e6e6;
+                font-family: Microsoft YaHei, Microsoft YaHei;
+                font-weight: 400;
+                font-size: 20px;
+                color: #666666;
+                line-height: 23px;
+                text-align: left;
+                font-style: normal;
+                text-transform: none;
+
+                .el-breadcrumb::v-deep {
+                    display: inline-block;
+                    vertical-align: -4px;
+                }
+
+                :deep(.el-breadcrumb__inner a),
+                :deep(.el-breadcrumb__inner.is-link) {
+                    color: #666666;
+                    font-weight: 400;
+                    text-decoration: none;
+                    transition: var(--el-transition-color);
+                }
+
+                span {
+                    font-family: Microsoft YaHei, Microsoft YaHei;
+                    font-weight: 400;
+                    font-size: 20px;
+                    color: #666666;
+                    line-height: 23px;
+                    text-align: left;
+                    font-style: normal;
+                    text-transform: none;
+                }
+
+                span:hover {
+                    color: #666666;
+                }
+
+                .location {
+                    margin-right: 20px;
+                    width: 100px;
+                    height: 22px;
+                    font-family: Microsoft YaHei, Microsoft YaHei;
+                    font-weight: 400;
+                    font-size: 20px;
+                    color: #666666;
+                    line-height: 23px;
+                    text-align: left;
+                    font-style: normal;
+                    text-transform: none;
+                }
+            }
 
             .LeftTop {
+                // height: 522px;
                 margin-top: 50px;
+
                 >h1 {
 
                     line-height: 40px;
@@ -104,33 +106,32 @@
             }
 
             .leftBottom {
-                width: 790px;
-                // height: 754px;
-                margin-top: 76px;
+                width: 885px;
+                margin-top: 50px;
                 font-size: 20px;
                 line-height: 38px;
                 margin-bottom: 30px;
 
-                ul>li img{
-                    width: 790px;   
+                ul>li img {
+                    width: 885px;
                     height: 382px;
                 }
 
-                img{
-                    width: 790px;   
+                img {
+                    width: 885px;
                     height: 382px;
                 }
-                
+
                 p.tinymce-material {
                     img {
-                        width: 790px;
+                        width: 885px;
                     }
                 }
 
                 >h3,
                 >p {
                     text-indent: 2em;
-                    width: 790px;
+                    width: 885px;
                     font-family: Microsoft YaHei, Microsoft YaHei;
                     font-size: 20px;
                     color: #333333;
@@ -138,7 +139,7 @@
                     padding-bottom: 30px;
 
                     img {
-                        width: 790px;
+                        width: 885px;
                     }
                 }
 
@@ -153,7 +154,7 @@
             }
 
             .disclaimer {
-                width: 790px;
+                width: 885px;
                 overflow: hidden;
                 border-top: 1px solid #e6e6e6;
                 padding: 30px 0px;
@@ -161,30 +162,25 @@
                 font-size: 17px;
 
                 p {
-                    width: 790px;
+                    width: 885px;
                     line-height: 30px;
                 }
             }
         }
 
         .innerRight {
-            width: 381px;
-            // height: 605px;
-            overflow: hidden;
-            border-top: 1px solid #139602;
-
-            .hotList1 {
-                margin-bottom: 50px;
-            }
+            width: 270px;
+            margin-top: 60px;
         }
     }
 }
 
 .leftBottom::v-deep p img,
 .leftBottom::v-deep img,
-.leftBottom::v-deep video  {
-    max-width: 700px;
+.leftBottom::v-deep video {
+    max-width: 900px;
 }
+
 .leftBottom::v-deep h1,
 .leftBottom::v-deep h2,
 .leftBottom::v-deep h3,
@@ -195,184 +191,7 @@
     font-weight: 500;
 }
 
-//投票
-.index_3_box_vote{
-    .voteTitle {
-        font-size: 20px;
-        height: 40px;
-        line-height: 40px;
-        color: #333333;
-        padding-left: 20px;
-        width: 100%;
-        border-bottom: 1px solid #E7E7E7;
-        border-top: 1px solid #139602;
-        box-sizing: border-box;
-    }
-    width:100%;
-    box-sizing:border-box;
-    border:solid 1px #FBFBFB;
-    background: #FBFBFB;
-    .inquire {
-        height: 394px;
-        margin-top: 20px;
-        border-radius: 6px 6px 6px 6px;
-        padding: 4px 40px 4px 6px;
-        box-sizing: border-box;
-        p {
-            font-weight: bold;
-            height: 69px;
-            font-family: PingFang SC, PingFang SC;
-            font-size:20px;
-            color: #333333;
-            line-height: 21px;
-            text-align: left;
-            font-style: normal;
-            text-transform: none;
-            padding: 12px 20px 0 32px;
-        }
-        .radioBox {
-            height: 250px;
-            padding-left: 30px;
-            overflow-y: auto;
-            box-sizing: border-box;
-            padding-bottom: 20px;
-        }
-        .radio {
-            /deep/.el-radio {
-                --el-radio-input-border-color-hover: #27881a;
-            }
-            /deep/.el-radio-group {
-                align-items: center;
-                display: inline-flex;
-                flex-wrap: wrap;
-                font-size: 0;
-                //padding-left: 35px;
-            }
-            /deep/.el-radio.el-radio--large {
-                width: 100%;
-                height: 29px;
-                margin-bottom: 15px;
-            }
-            /deep/.el-radio.el-radio--large .el-radio__label {
-                font-family: PingFang SC, PingFang SC;
-                font-weight: 400;
-                font-size: 16px;
-                color: #333333;
-                white-space: nowrap;
-                overflow: hidden;
-                text-overflow: ellipsis;
-                width: 300px;
-            }
-            /deep/.el-radio.el-radio--large .el-radio__inner {
-                height: 16px;
-                width: 16px;
-            }
-            /deep/.el-radio__input.is-checked+.el-radio__label {
-                color: #27881a;
-            }
-            /deep/.el-radio__input.is-checked .el-radio__inner {
-                background: #33b023;
-                border-color: #27881a;
-            }
-        }
-
-        .checkInputBox {
-            /deep/.el-checkbox {
-                --el-radio-input-border-color-hover: #27881a;
-            }
-            /deep/.el-checkbox-group {
-                align-items: center;
-                display: inline-flex;
-                flex-wrap: wrap;
-                font-size: 0;
-                //padding-left: 35px;
-            }
-            /deep/.el-checkbox.el-checkbox--large {
-                width: 330px;
-                height: 29px;
-                margin-bottom: 15px;
-            }
-            /deep/.el-checkbox.el-checkbox--large .el-checkbox__label {
-                font-family: PingFang SC, PingFang SC;
-                font-weight: 400;
-                font-size: 16px;
-                color: #333333;
-                white-space: nowrap;
-                overflow: hidden;
-                text-overflow: ellipsis;
-                width: 300px;
-            }
-            /deep/.el-checkbox.el-checkbox--large .el-checkbox__inner {
-                height: 16px;
-                width: 16px;
-            }
-            /deep/.el-checkbox__input.is-checked+.el-checkbox__label {
-                color: #27881a;
-            }
-            /deep/.el-checkbox__input.is-checked .el-checkbox__inner {
-                background: #33b023;
-                border-color: #27881a;
-            }
-        }
 
-        .btn {
-            padding-left: 30px;
-            button {
-                width: 78px;
-                height: 37px;
-                line-height: 37px;
-                border-radius: 6px;
-                border: none;
-                font-family: PingFang SC, PingFang SC;
-                font-weight: 400;
-                font-size: 16px;
-                color: #999999;
-            }
-            .voting {
-                background-color: #49A769;
-                color: #fff;
-                margin-right: 44px;
-                cursor: pointer;
-            }
-            .look {
-                cursor: pointer;
-            }
-        }
-    }
-    .inquireData {
-        .inquireDataItem {
-            width: 100%;
-            height: 38px;
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            background: #F3F3F3;
-            border: 1px solid #D2D2D2;
-            margin-bottom: 10px;
-            border-radius: 6px;
-            padding: 0 15px;
-            box-sizing: border-box;
-            color: #999999;
-            .inquireDataItemTitle {
-                width: 290px;
-                height: 38px;
-                font-size: 16px;
-                line-height: 38px;
-                white-space: nowrap;
-                overflow: hidden;
-                text-overflow: ellipsis;
-            }
-            .inquireDataItemNum {
-                font-size: 16px;
-            }
-        }
-        .active {
-            color:#49A769;
-            background: #dff7e8;
-            border: 1px solid #49A769;
-        }
-    }
-}	
 //放大图片
 .preview-modal {
     position: fixed;

assets/css/list.less

@@ -1,7 +1,3 @@
-#newsList {
-    width: 100%;
-    overflow: hidden;
-}
 //二级栏目
 .sannongzhichuang {
     margin: 30px 0 40px;
@@ -121,127 +117,149 @@
     }
 }
 
-//导航条
-.breadcrumb {
+#newsList {
     width: 100%;
-    height: 22px;
-    margin-top: 30px;
-    margin-bottom: 30px;
-    font-family: Microsoft YaHei, Microsoft YaHei;
-    font-weight: 400;
-    font-size: 20px;
-    color: #666666;
-    line-height: 23px;
-    text-align: left;
-    font-style: normal;
-    text-transform: none;
-
-    :deep(.el-breadcrumb) {
-        display: inline-block;
-        vertical-align: -4px;
-    }
-
-    :deep(.el-breadcrumb__inner a),
-    :deep(.el-breadcrumb__inner.is-link) {
-        color: #666666;
-        font-weight: 400;
-        text-decoration: none;
-        transition: var(--el-transition-color);
-    }
-
-    span {
-        font-family: Microsoft YaHei, Microsoft YaHei;
-        font-weight: 400;
-        font-size: 20px;
-        color: #666666;
-        line-height: 23px;
-        text-align: left;
-        font-style: normal;
-        text-transform: none;
-    }
-
-    span:hover {
-        color: #666666;
-    }
-
-    .location {
-        margin-right: 20px;
-        width: 100px;
-        height: 22px;
-        font-family: Microsoft YaHei, Microsoft YaHei;
-        font-weight: 400;
-        font-size: 20px;
-        color: #666666;
-        line-height: 23px;
-        text-align: left;
-        font-style: normal;
-        text-transform: none;
-    }
+    overflow: hidden;
 }
 
 // 资讯列表
 .newsList {
     width: 100%;
-    // height: 675px;
     overflow: hidden;
     margin-bottom: 70px;
 
     .inner {
         width: 1200px;
 
-        .innerLeft,
-        .innerRight {
-            border-top: 1px solid #139602;
-        }
 
         .innerLeft {
-            // height: 675px;
+            width: 900px;
+            margin-right: 30px;
 
-            >.list {
-                // height: 570px;
+            //导航条
+            .breadcrumb {
+                width: 100%;
+                height: 22px;
+                padding-bottom: 30px;
+                border-bottom: 1px solid #ccc;
+                font-family: Microsoft YaHei, Microsoft YaHei;
+                font-weight: 400;
+                font-size: 20px;
+                color: #666666;
+                line-height: 23px;
+                text-align: left;
+                font-style: normal;
+                text-transform: none;
+                margin-top: 40px;
+
+                :deep(.el-breadcrumb) {
+                    display: inline-block;
+                    vertical-align: -4px;
+                }
+
+                :deep(.el-breadcrumb__inner a),
+                :deep(.el-breadcrumb__inner.is-link) {
+                    color: #666666;
+                    font-weight: 400;
+                    text-decoration: none;
+                    transition: var(--el-transition-color);
+                }
+
+                span {
+                    font-family: Microsoft YaHei, Microsoft YaHei;
+                    font-weight: 400;
+                    font-size: 20px;
+                    color: #666666;
+                    line-height: 23px;
+                    text-align: left;
+                    font-style: normal;
+                    text-transform: none;
+                }
+
+                span:hover {
+                    color: #666666;
+                }
+
+                .location {
+                    margin-right: 20px;
+                    width: 100px;
+                    height: 22px;
+                    font-family: Microsoft YaHei, Microsoft YaHei;
+                    font-weight: 400;
+                    font-size: 20px;
+                    color: #666666;
+                    line-height: 23px;
+                    text-align: left;
+                    font-style: normal;
+                    text-transform: none;
+                }
+            }
+
+            .list {
                 margin-bottom: 70px;
 
-                >li {
-                    width: 790px;
-                    height: 56px;
-                    white-space: nowrap;
-                    overflow: hidden;
-                    text-overflow: ellipsis;
-                    line-height: 56px;
+                li {
+                    width: 100%;
+                    padding: 15px 0;
+
+                    a {
+                        display: flex;
+                        justify-content: space-between;
+                    }
 
-                    >a {
-                        width: 360px;
-                        height: 26px;
+                    .listTitle {
+                        // float: left;
+                        display: inline-block;
+                        width: 486px;
+                        white-space: nowrap;
+                        overflow: hidden;
+                        text-overflow: ellipsis;
                         font-family: Microsoft YaHei, Microsoft YaHei;
                         font-weight: 400;
                         font-size: 20px;
                         color: #333333;
-                        line-height: 26px;
                         text-align: left;
                         font-style: normal;
                         text-transform: none;
                     }
 
-                }
+                    .time {
+                        // float: right;
+                        font-family: Microsoft YaHei, Microsoft YaHei;
+                        font-weight: 400;
+                        font-size: 18px;
+                        color: #333333;
+                    }
 
-                >li:hover>a {
-                    color: #139602;
                 }
 
-                >li:nth-child(1)::after,
-                >li:nth-child(2)::after {
-                    content: "热";
-                    margin-left: 13px;
-                    background: #FF8A37;
-                    color: #fff;
-                    font-size: 14px;
-                    padding: 0px 2px;
+                >li:hover .listTitle {
+                    color: #dd7d18;
                 }
 
+                // >li:nth-child(1)::after,
+                // >li:nth-child(2)::after {
+                //     content: "热";
+                //     margin-left: 13px;
+                //     background: #FF8A37;
+                //     color: #fff;
+                //     font-size: 14px;
+                //     padding: 0px 2px;
+                // }
+
                 >li:nth-child(5n) {
-                    // padding-top: 10px;
-                    // padding-bottom: 10px;
                     border-bottom: 1px solid #D9D9D9;
+                    padding-bottom: 30px;
+                }
+
+                >li:nth-child(5n+1) {
+                    span {
+                        font-weight: bold;
+                    }
+
+                    font-weight: bold;
+                    padding-top: 30px;
+
                 }
             }
 
@@ -255,7 +273,7 @@
 
                 // 鼠标移入后字体颜色
                 .el-pagination::v-deep :hover {
-                    color: #139609;
+                    color: #dd7d18;
                 }
 
                 .el-pagination.is-background::v-deep .btn-next,
@@ -276,7 +294,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: #028e21;
+                    background-color: #dd7d18;
                     color: #fff;
                 }
 
@@ -285,8 +303,8 @@
         }
 
         .innerRight {
-            width: 381px;
-            // height: 605px;
+            width: 270px;
+            margin-top: 60px;
         }
     }
 }
@@ -325,7 +343,7 @@
                 text-align: left;
                 font-style: normal;
                 text-transform: none;
-                border-bottom: 1px solid #139602;
+                border-bottom: 1px solid #dd7d18;
 
             }
 
@@ -444,11 +462,11 @@
                 }
 
                 >li:hover {
-                    color: #139602;
+                    color: #dd7d18;
                 }
 
                 >li:hover em {
-                    background-color: #139602;
+                    background-color: #dd7d18;
                 }
             }
         }
@@ -463,7 +481,7 @@
             width: 380px;
             height: 40px;
             line-height: 40px;
-            border-top: 1px solid #139602;
+            border-top: 1px solid #dd7d18;
             border-bottom: 1px solid #e7e7e7;
 
             >h4 {
@@ -526,4 +544,5 @@
         }
 
     }
-}
+}
+

components/detail/HotNews.vue

@@ -1,15 +1,57 @@
 <template>
     <div class="hotList">
-        <div class="title">
-            <h4>
-                最新资讯
-            </h4>
+        <h1 class="title">
+            最新资讯
+        </h1>
+        <div class="hotList_photo_text">
+            <div class="hotList_photo_text1" v-for="(item, index) in hotNewsListdata1" :key="index">
+                <NuxtLink
+                    :href="getLinkPathDetail(item)"
+                    :title="item.title"
+                    :key="item.id"
+                    :target="item.islink == 1 ? '_blank' : '_self'"
+                >
+                    <img :src="item.imgurl" :alt="item.title">
+                    <span class="hotlist_text">{{ item.title }}</span>
+                </NuxtLink>
+            </div>
+        </div>
+        <ul class="message">
+            <li class="messageList" v-for="(item, index) in hotNewsListdata2" :key="index">
+                <em></em>
+                <NuxtLink
+                    :href="getLinkPathDetail(item)"
+                    :title="item.title"
+                    :key="item.id"
+                    :target="item.islink == 1 ? '_blank' : '_self'"
+                >
+                    {{ item.title }}
+                </NuxtLink>
+            </li>
+        </ul>
+        <div class="hotList_photo_text">
+            <div class="hotList_photo_text1"  v-for="(item, index) in hotNewsListdata3" :key="index">
+                <NuxtLink
+                    :href="getLinkPathDetail(item)"
+                    :title="item.title"
+                    :key="item.id"
+                    :target="item.islink == 1 ? '_blank' : '_self'"
+                >
+                    <img :src="item.imgurl" :alt="item.title">
+                    <span class="hotlist_text">{{ item.title }}</span>
+                </NuxtLink>
+            </div>
         </div>
-        <ul class="messageList">
-            <li v-for="(item, index) in hotNewsList">
-                <span>{{ index + 1 }}</span>
-                <NuxtLink :to="item.linkurl" v-show="item.islink == 1" :title="item.title">{{ item.title }}</NuxtLink>
-                <NuxtLink :to="`/${item.pinyin}/${item.id}.html`" v-if="item.islink == 0" :title="item.title">{{ item.title }}
+        <ul class="message">
+            <li class="messageList" v-for="(item, index) in hotNewsListdata4" :key="index">
+                <em></em>
+                <NuxtLink
+                    :href="getLinkPathDetail(item)"
+                    :title="item.title"
+                    :key="item.id"
+                    :target="item.islink == 1 ? '_blank' : '_self'"
+                >
+                    {{ item.title }}
                 </NuxtLink>
             </li>
         </ul>
@@ -17,18 +59,35 @@
 </template>
 
 <script setup>
-const hotNewsList = ref([])
+const getLinkPathDetail = (item) => {
+    if (item.islink == 1) {
+        return `${item.linkurl}`;
+    } else {
+        //return `/${item.aLIas_pinyin}/${item.id}`;
+        //return `/newsDetail/${item.id}`
+        return `/${item.pinyin}/${item.id}.html`;
+    }
+}
+
+const hotNewsListdata1 = ref([])
+const hotNewsListdata2 = ref([])
+const hotNewsListdata3 = ref([])
+const hotNewsListdata4 = ref([])
+
 async function getPageData() {
     const mkdata =  await requestDataPromise('/web/getWebsiteArticlett', {
         method: 'GET',
         query: {
-            'pageSize': 14,
+            'pageSize':8,
             'level': 4,
             'id': 0,
         },
     });
     if(mkdata.code == 200){
-        hotNewsList.value = mkdata.data;
+        hotNewsListdata1.value = mkdata.data.slice(0, 2);
+        hotNewsListdata2.value = mkdata.data.slice(2, 4);
+        hotNewsListdata3.value = mkdata.data.slice(4, 6);
+        hotNewsListdata4.value = mkdata.data.slice(6, 8);
     }else{
         console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
         console.log("错误位置：获取最新资讯")
@@ -40,110 +99,90 @@ getPageData();
 </script>
 
 <style lang="less" scoped>
+//标题
 .hotList {
-    background: #fff;
-}
+    width: 270px;
+    border-top: 2px solid #dd7d18;
 
-.title {
-    width: 380px;
-    height: 40px;
-    line-height: 40px;
-    // border-top: 1px solid #139602;
-    border-bottom: 1px solid #e7e7e7;
-    background-color: #fbfbfb;
-
-    >h4 {
+    .title {
+        width: 100px;
+        height: 40px;
+        line-height: 40px;
         font-family: Microsoft YaHei, Microsoft YaHei;
-        font-weight: 400;
-        margin-left: 20px;
+        font-weight: bold;
+        margin: 10px 0;
         font-size: 20px;
-        color: #000000;
-        text-align: left;
-        font-style: normal;
-        text-transform: none;
+        color: #333333;
+        position: relative;
+    }
+}
+//今日热点
+// 图文
+.hotList_photo_text {
+    width: 270px;
+
+    .hotList_photo_text1 {
+        display: flex;
+
+        img {
+            float: left;
+            width: 120px;
+            height: 80px;
+            margin-right: 10px;
+        }
 
-        >span {
-            float: right;
-            font-family: Microsoft YaHei, Microsoft YaHei;
+        .hotlist_text {
+            float: left;
+            width: 126px;
+            height: 74px;
+            display: -webkit-box;
+            -webkit-box-orient: vertical;
+            -webkit-line-clamp: 3;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            word-break: break-all;
             font-weight: 400;
-            font-size: 14px;
-            margin-right: 10px;
-            color: #999999;
-            text-align: left;
-            font-style: normal;
-            text-transform: none;
+            font-size: 18px;
+            color: #333333;
+            padding-top: 3px;
+        }
+    }
+    .hotList_photo_text1:first-child {
+        margin-bottom: 20px;
+    }
+    .hotList_photo_text1:hover{
+        .hotlist_text{
+            color: #dd7d18;
         }
     }
-
 }
+// 文字
+.message {
+    width: 270px;
+    margin-top: 20px;
 
-.messageList {
-    height: 563px;
-    padding-top: 15px;
-    margin-bottom: 30px;
-    background-color: #fbfbfb;
-
-    >li {
-        height: 24px;
-        margin-bottom: 16px;
+    .messageList {
+        width: 270px;
         white-space: nowrap;
         /* 禁止换行 */
         overflow: hidden;
         /* 隐藏超出部分 */
         text-overflow: ellipsis;
         /* 超出部分显示省略号 */
+        font-family: Microsoft YaHei, Microsoft YaHei;
+        font-weight: 400;
+        font-size: 18px;
+        color: #333333;
+        margin-bottom: 20px;
 
-
-        >span {
-            display: inline-block;
-            width: 24px;
-            height: 24px;
-            margin-left: 22px;
-            line-height: 24px;
-            vertical-align: middle;
-            text-align: center;
-            background-color: #cecece;
-            font-family: Microsoft YaHei, Microsoft YaHei;
-            font-weight: 400;
-            font-size: 18px;
-            color: #FFFFFF;
-            text-align: center;
-            font-style: normal;
-            text-transform: none;
-        }
-
-        >a {
-            width: 256px;
-            height: 21px;
-            font-family: Microsoft YaHei, Microsoft YaHei;
-            font-weight: 400;
-            font-size: 16px;
+        a {
             color: #333333;
-            line-height: 19px;
-            text-align: left;
-            font-style: normal;
-            text-transform: none;
-            padding-left: 10px;
-
-
         }
-
     }
 
     >li:hover>a {
-        color: #139602;
+        color: #dd7d18;
     }
 
-    >li:nth-child(1)>span {
-        background-color: #00c524;
-    }
-
-    >li:nth-child(2)>span {
-        background-color: #ffdf27;
-    }
-
-    >li:nth-child(3)>span {
-        background-color: #f3c57f;
-    }
 }
 </style>

components/detail/HotNews2.vue

@@ -1,11 +1,11 @@
 <template>
-    <div class="title">
+    <!-- <div class="title">
         <h4>
             热点精选
         </h4>
-    </div>
+    </div> -->
     <!-- 列表 -->
-    <ul class="rightList">
+    <!-- <ul class="rightList">
         <li v-for="item in hotNewsList">
             <NuxtLink :to="item.linkurl" v-show="item.islink == 1" :title="item.title">
                 <img class="hotNewsImg" :src="item.imgurl">
@@ -16,31 +16,49 @@
                 <p>{{ item.title }}</p>
             </NuxtLink>
         </li>
-    </ul>
+    </ul> -->
+    <div class="hotNews">
+        <div class="hotNews_title">
+            热点精选
+        </div>
+        <ul class="hotNews_message">
+            <li class="hotNews_messageList" v-for="(item, index) in hotNewsList" :key="index">
+                <span class="number">{{ index + 1 }}</span>
+                <NuxtLink
+                    :href="getLinkPathDetail(item)"
+                    :title="item.title"
+                    :key="item.id"
+                    :target="item.islink == 1 ? '_blank' : '_self'"
+                >
+                    <span class="hotlist_text">{{ item.title }}</span>
+                </NuxtLink>
+            </li>
+        </ul>
+    </div>
 </template>
 
 <script setup>
+const getLinkPathDetail = (item) => {
+    if (item.islink == 1) {
+        return `${item.linkurl}`;
+    } else {
+        return `/${item.pinyin}/${item.id}.html`;
+    }
+}
+
 const hotNewsList = ref([])
 async function getPageData() {
     const mkdata = await requestDataPromise('/web/getWebsiteArticlett', {
         method: 'GET',
         query: {
-            'pageSize': 30,
+            'pageSize': 8,
             'level': 5,
             'placeid': 0,
             'id': 0
         },
     });
     if (mkdata.code == 200) {
-        for(let item of mkdata.data){
-            if(item.imgurl){
-                hotNewsList.value.push(item)
-                if(hotNewsList.value.length == 5){
-                    break;
-                }
-            } 
-        }
-        // hotNewsList.value = mkdata.data;
+        hotNewsList.value = mkdata.data;
     } else {
         console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
         console.log("错误位置：获取热点精选")
@@ -53,100 +71,76 @@ getPageData();
 
 
 <style lang="less" scoped>
-.title {
-    width: 380px;
-    height: 40px;
-    line-height: 40px;
-    border-top: 1px solid #139602;
-    border-bottom: 1px solid #e7e7e7;
-    background-color: #fbfbfb;
-
-
-    >h4 {
+.hotNews {
+    width: 270px;
+    border-top: 2px solid #dd7d18;
+    margin-top: 40px;
+
+    //标题
+    .hotNews_title {
+        width: 100px;
+        height: 40px;
+        line-height: 40px;
         font-family: Microsoft YaHei, Microsoft YaHei;
-        font-weight: 400;
-        margin-left: 20px;
+        font-weight: bold;
+        margin: 20px 0 15px;
         font-size: 20px;
-        color: #000000;
-        text-align: left;
-        font-style: normal;
-        text-transform: none;
-
-        >span {
-            float: right;
-            font-family: Microsoft YaHei, Microsoft YaHei;
-            font-weight: 400;
-            font-size: 14px;
-            margin-right: 10px;
-            color: #999999;
-            text-align: left;
-            font-style: normal;
-            text-transform: none;
-        }
+        color: #333333;
     }
 
-}
+    //新闻列表
+    .hotNews_message {
+        width: 270px;
 
-.rightList {
-    height: 556px;
-    padding-top: 20px;
-    background-color: #fbfbfb;
+        .hotNews_messageList {
+            width: 270px;
+            height: 64px;
+            line-height: 64px;
+            border-bottom: 1px solid #E4E4E4;
+            font-weight: 400;
+            font-size: 18px;
+            color: #333333;
+            ;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
 
-    >li {
-        width: 380px;
-        height: 100px;
-        margin-bottom: 10px;
-        margin-left: 15px;
-        // background-color: #a5caa0;
+            a {
+                color: #333333;
+            }
 
-        a {
-            display: block;
+            .number {
+                color: #999999;
+                margin-right: 13px;
+                font-family: DingTalk JinBuTi, DingTalk JinBuTi;
+            }
         }
 
-        >img {
-            width: 150px;
-            height: 100px;
-            border-radius: 4px;
+        .hotNews_messageList:nth-child(1) {
+            .number {
+                color: #dd7d18;
+            }
         }
 
-        p {
-            float: left;
-            width: 220px;
-            height: 100px;
-            display: -webkit-box;
-            -webkit-box-orient: vertical;
-            -webkit-line-clamp: 3;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            word-break: break-all;
-            font-family: PingFang SC, PingFang SC;
-            font-weight: 400;
-            font-size: 16px;
-            color: #333333;
-            line-height: 29px;
-            // border-bottom: 1px solid #e7e7e7;
-            padding-left: 12px;
-            padding-right: 10px;
-            padding-bottom: 10px;
-            padding-top: 8px;
-            box-sizing: border-box;
+        .hotNews_messageList:nth-child(2) {
+            .number {
+                color: #dd7d18;
+            }
         }
 
+        .hotNews_messageList:nth-child(3) {
+            .number {
+                color: #dd7d18;
+            }
+        }
 
-    }
+        .hotNews_messageList:hover {
+            color: #dd7d18;
 
-    >li:hover {
-        p {
-            //box-shadow: 0 0 16px 1px rgba(0, 0, 0, 0.1);
-            color: #139602;
+            a {
+                color: #dd7d18;
+            }
         }
     }
 }
-
-.hotNewsImg {
-    float: left;
-    width: 150px;
-    height: 100px;
-    border-radius: 4px;
-}
 </style>

components/home/ListSecondaryHeading.vue

@@ -0,0 +1,121 @@
+<template>
+    <div class="index_main">
+        <nav class="index_nav clearfix">
+            <span class="index_nav_a_one" href="javascript:(void)">{{ name }}</span>
+            <span v-for="(item,index) in nav" :class="['index_nav_a', { 'index_nav_a_only': targetSegment === item.aLIas_pinyin }]">
+                <span v-if="index<=7">
+                    <NuxtLink :to="{ path: `/${targetRoute}/${item.aLIas_pinyin}/list-1.html`}">{{ item.alias }}</NuxtLink>
+                </span>
+            </span>
+        </nav>
+    </div>
+</template>
+
+<script setup>
+//1.设置组件数据 start---------------------------------------->
+//子导航
+const props = defineProps({
+    name:String,
+    nav:Array
+});
+
+//获取当前url路径
+const route = useRoute();
+//获得当前的完整路径
+const fullPath = route.path;
+const segments = fullPath.split('/'); 
+const targetRoute = segments[1]; 
+
+console.log(999)
+console.log(targetRoute)
+//1.设置组件数据 end---------------------------------------->
+
+</script>
+
+<style lang="less" scoped>
+.index_main {
+    width: 1200px;
+    margin: 0 auto;
+}
+.index_nav {
+    width: 1200px;
+    margin: 0 auto;
+    margin-top: 20px;
+    border-bottom: solid 1px #D9D9D9;
+    height: 88px;
+    .index_nav_a_one {
+        float: left;
+        color: #333;
+        font-size: 16px;
+        margin: 0px 30px;
+        height: 88px;
+        line-height: 88px;
+        font-weight: bold;
+        border-bottom: solid 3px #fff;
+        box-sizing: border-box;
+        position: relative;
+        overflow: hidden;
+        height: 56px;
+        line-height: 56px;
+        color: #fff;
+        font-size: 18px;
+        font-weight: bold;
+        width: 153px;
+        margin: 14px 30px 0px 0px;
+        text-indent: 46px;
+        background: url(@/public/img/3.png) no-repeat left top;
+        background-size: 100% 100%;
+    }
+    .index_nav_a {
+        float: left;
+        color: #333;
+        font-size: 16px;
+        margin: 0px 30px;
+        height: 88px;
+        line-height: 88px;
+        font-weight: bold;
+        border-bottom: solid 3px #fff;
+        box-sizing: border-box;
+        position: relative;
+        a {
+            color:#333333
+        }
+        &:hover{
+            border-bottom: solid 3px #D2600F;
+        }
+    }
+    .index_nav_a a:hover{
+        color: #D2600F;
+        // border-bottom: solid 3px #D2600F;
+    }
+    .index_nav_a_only {
+        border-bottom: solid 3px #D2600F;
+    }
+    .index_nav_a::after {
+        content: '';
+        display: block;
+        position: absolute;
+        width: 2px;
+        height: 12px;
+        background: #DBDBDB;
+        right: -38px;
+        top: 39px;
+    }
+    .index_nav_a:nth-last-of-type(1) {
+        overflow: hidden;
+    }
+    a.index_nav_a:nth-of-type(1) {
+        overflow: hidden;
+        height: 56px;
+        line-height: 56px;
+        color: #fff;
+        font-size: 18px;
+        font-weight: bold;
+        width: 153px;
+        margin: 14px 30px 0px 0px;
+        text-indent: 46px;
+        background: url(@/public/img/3.png) no-repeat left top;
+        background-size: 100% 100%;
+    }
+}
+</style>

components/home/pageNavigation.vue

@@ -9,7 +9,7 @@
                 </div>
                 <ul class="partOneTitle">
                     <li class="titleList1">
-                        <NuxtLink to="/">深度服务</NuxtLink>
+                        深度服务
                     </li>
                     <li class="titleList111" v-for="(item, index) in navigation1" :key="index">
                         <NuxtLink :href="getLinkPath(item)" :title="item.alias" :target="item.is_url == 1 ? '_blank' : '_self'">

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

@@ -2,55 +2,37 @@
     <div id="newsList">
         <!-- 页面头部 -->
         <HomePageHead></HomePageHead>
-
         <!-- 导航栏 -->
         <HomePageNavigation1></HomePageNavigation1>
-
         <!-- 列表页广告一 -->
         <HomeTopTen :imgurl="adImg1" v-if="adImg1"></HomeTopTen>
-
         <!-- 二级标题-->
-        <div class="sannongzhichuang" v-if="parent_name != ''">
-            <div class="inner">
-                <h2>
-                    <NuxtLink :to="`/${parent_pinyin}/index.html`"> {{ parent_name }}</NuxtLink>
-                    <em class="iconfont icon-xingzhuang-zhijiaosanjiaoxing-copy"></em>
-                </h2>
-                <p class="introduction">
-                    <strong>频道介绍</strong>
-                    <div v-for="(item, index) in secondNav" :key="index">
-                        <span v-if="index <= 7">
-                            <NuxtLink :to="{ path: `/${targetRoute}/${item.aLIas_pinyin}/list-1.html`}">{{ item.alias }}</NuxtLink>
-                        </span>
-                        <b v-else></b>
-                    </div>
-                </p>
-            </div>
-        </div>
+        <HomeListSecondaryHeading v-if="parent_name != ''" :name="parent_name" :nav="secondNav"></HomeListSecondaryHeading>
 
-        <!-- 面包屑导航 -->
-        <div class="breadcrumb">
-            <div class="inner">
-                <span class="location">当前位置:</span>
-                <el-breadcrumb :separator-icon="ArrowRight">
-                    <el-breadcrumb-item>
-                        <NuxtLink to="/">首页</NuxtLink>
-                    </el-breadcrumb-item>
-                    <el-breadcrumb-item v-if="parent_name !=''">
-                        <NuxtLink :to="`/${parent_pinyin}/index.html`"> {{ parent_name }}</NuxtLink>
-                    </el-breadcrumb-item>
-                    <el-breadcrumb-item>{{ name }}</el-breadcrumb-item>
-                </el-breadcrumb>
-            </div>
-        </div>
         <!-- 资讯列表 -->
         <div class="newsList">
             <div class="inner">
                 <div class="innerLeft">
+                    <!-- 面包屑导航 -->
+                    <div class="breadcrumb">
+                        <div class="inner">
+                            <span class="location">当前位置:</span>
+                            <el-breadcrumb :separator-icon="ArrowRight">
+                                <el-breadcrumb-item>
+                                    <NuxtLink to="/">首页</NuxtLink>
+                                </el-breadcrumb-item>
+                                <el-breadcrumb-item v-if="parent_name !=''">
+                                    <NuxtLink :to="`/${parent_pinyin}/index.html`"> {{ parent_name }}</NuxtLink>
+                                </el-breadcrumb-item>
+                                <el-breadcrumb-item>{{ name }}</el-breadcrumb-item>
+                            </el-breadcrumb>
+                        </div>
+                    </div>
                     <ul class="list">
                         <li v-for="(item, index) in newsList" :key="index">
                             <NuxtLink :href="getLinkPathDetail(item)" :title="item.alias">
-                                {{ item.title }}
+                                <span class="listTitle">{{ item.title }}</span>
+                                <span class="time">{{ getTime(item.updated_at, 'month', 1) }}</span>
                             </NuxtLink>
                         </li>
                     </ul>
@@ -76,10 +58,8 @@
                 </div>
             </div>
         </div>
-
         <!-- 列表页广告二 -->
         <HomeTopTen :imgurl="adImg2" v-if="adImg2"></HomeTopTen>
-
         <!-- 页面底部 -->
         <HomeFoot1></HomeFoot1>
     </div>

pages/[dir]/[id].vue

@@ -5,25 +5,26 @@
     <HomePageNavigation1></HomePageNavigation1>
     <!-- 列表页广告一 -->
     <HomeTopTen :imgurl="adImg1" v-if="adImg1"></HomeTopTen>
-    <!-- 面包屑导航 -->
-    <div class="breadcrumb">
-        <div class="inner">
-            <span class="location">当前位置:</span>
-            <el-breadcrumb :separator-icon="ArrowRight">
-                <el-breadcrumb-item>
-                    <NuxtLink to="/">首页</NuxtLink>
-                </el-breadcrumb-item>
-                <el-breadcrumb-item>
-                    <NuxtLink :to="`/${parent_pinyin}/list-1.html`"> {{ parent_name }}</NuxtLink>
-                </el-breadcrumb-item>
-                <el-breadcrumb-item>{{ routeNewsTtitle }}</el-breadcrumb-item>
-            </el-breadcrumb>
-        </div>
-    </div>
+    
     <!-- 资讯列表 -->
     <div class="newsDetail">
         <div class="inner">
             <div class="innerLeft">
+                <!-- 面包屑导航 -->
+                <div class="breadcrumb">
+                    <div class="inner">
+                        <span class="location">当前位置:</span>
+                        <el-breadcrumb :separator-icon="ArrowRight">
+                            <el-breadcrumb-item>
+                                <NuxtLink to="/">首页</NuxtLink>
+                            </el-breadcrumb-item>
+                            <el-breadcrumb-item>
+                                <NuxtLink :to="`/${parent_pinyin}/list-1.html`"> {{ parent_name }}</NuxtLink>
+                            </el-breadcrumb-item>
+                            <el-breadcrumb-item>{{ routeNewsTtitle }}</el-breadcrumb-item>
+                        </el-breadcrumb>
+                    </div>
+                </div>
                 <div class="LeftTop">
                     <h1>{{ newsDetail.title }}</h1>
                     <p>
@@ -31,9 +32,7 @@
                         作者: <span>{{ newsDetail.author }}</span>
                         发布时间: <span>{{ time }}</span>
                     </p>
-                    <!-- <img :src="newsDetail.imgurl" v-if="newsDetail.imgurl&&newsDetail.level==2||newsDetail.level==3"> -->
                 </div>
-                <!-- <div class="leftBottom" v-html="newsDetail.content" v-if="newsDetail.content"></div> -->
                 <div 
                     class="leftBottom" 
                     v-html="newsDetail.content" 
@@ -44,7 +43,7 @@
                     <img :src="selectedImage" alt="Preview">
                 </div>
                 <!-- 免责声明: -->
-                <div class="disclaimer" v-if="newsDetail.copyfrom!='本网'">
+                <div class="disclaimer" v-if="newsDetail.copyfrom == '本网'">
                     <p>原文链接：{{ newsDetail.fromurl }}</p>
                     <p>[免责声明]本文来源于网络转载，仅供学习交流使用，不构成商业目的。 版权归原作者所有，如涉及作品内容，版权和其他问题，请在30日与本网联系，我们将第一时间处理。</p>
                 </div>
@@ -182,7 +181,7 @@ if(getRouteId.code == 200){
 const parent_name = ref([]);
 const parent_id = ref([]);
 const parent_pinyin = ref("");
-const parent_children_count = ref(0)
+//const parent_children_count = ref(0)
 let getParentNav = async () => {
     const listData = await requestDataPromise('/web/getOneWebsiteCategory', {
         method: 'GET',
@@ -197,7 +196,7 @@ let getParentNav = async () => {
         parent_name.value = listData.data.alias;
         parent_id.value = listData.data.parent_id;
         parent_pinyin.value = listData.data.aLIas_pinyin;
-        parent_children_count = listData.data.children_coun;
+        //parent_children_count = listData.data.children_coun;
     } else {
         console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
         console.log("错误位置：获取面包屑导航")

pages/[dir]/index.html.vue

@@ -564,8 +564,8 @@ if (setData.code == 200) {
     useSeoMeta({
         title: seoTitle + "_" + seoSuffix,
         meta: [
-            { name: 'description', content: seoDescription + "_" + seoName + "_" + seoSuffix, tagPriority: 10 },
-            { name: 'keywords', content: seoKeywords + "_" + seoName + "_" + seoSuffix, tagPriority: 10 }
+            { name: 'keywords', content: seoKeywords + "_" + seoName + "_" + seoSuffix, tagPriority: 10 },
+            { name: 'description', content: seoDescription + "_" + seoName + "_" + seoSuffix, tagPriority: 10 }
         ]
     });
 } else {

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

@@ -2,55 +2,34 @@
     <div id="newsList">
         <!-- 页面头部 -->
         <HomePageHead></HomePageHead>
-
         <!-- 导航栏 -->
         <HomePageNavigation1></HomePageNavigation1>
-
         <!-- 列表页广告一 -->
         <HomeTopTen :imgurl="adImg1" v-if="adImg1"></HomeTopTen>
-
-        <!-- 二级标题-->
-        <div class="sannongzhichuang" v-if="parent_name != ''">
-            <div class="inner">
-                <h2>
-                    <NuxtLink :to="`/${parent_pinyin}/index.html`"> {{ parent_name }}</NuxtLink>
-                    <em class="iconfont icon-xingzhuang-zhijiaosanjiaoxing-copy"></em>
-                </h2>
-                <p class="introduction">
-                    <strong>频道介绍</strong>
-                    <div v-for="(item, index) in secondNav" :key="index">
-                        <span v-if="index <= 7">
-                            <NuxtLink :to="{ path: `/${item.aLIas_pinyin}/list-1.html`}">{{ item.alias }}</NuxtLink>
-                        </span>
-                        <b v-else></b>
-                    </div>
-                </p>
-            </div>
-        </div>
-
-        <!-- 面包屑导航 -->
-        <div class="breadcrumb">
-            <div class="inner">
-                <span class="location">当前位置:</span>
-                <el-breadcrumb :separator-icon="ArrowRight">
-                    <el-breadcrumb-item>
-                        <NuxtLink to="/">首页</NuxtLink>
-                    </el-breadcrumb-item>
-                    <el-breadcrumb-item v-if="parent_name !=''">
-                        <NuxtLink :to="`/${parent_pinyin}/index.html`"> {{ parent_name }}</NuxtLink>
-                    </el-breadcrumb-item>
-                    <el-breadcrumb-item>{{ name }}</el-breadcrumb-item>
-                </el-breadcrumb>
-            </div>
-        </div>
         <!-- 资讯列表 -->
         <div class="newsList">
             <div class="inner">
                 <div class="innerLeft">
+                    <!-- 面包屑导航 -->
+                    <div class="breadcrumb">
+                        <div class="inner">
+                            <span class="location">当前位置:</span>
+                            <el-breadcrumb :separator-icon="ArrowRight">
+                                <el-breadcrumb-item>
+                                    <NuxtLink to="/">首页</NuxtLink>
+                                </el-breadcrumb-item>
+                                <el-breadcrumb-item v-if="parent_name !=''">
+                                    <NuxtLink :to="`/${parent_pinyin}/index.html`"> {{ parent_name }}</NuxtLink>
+                                </el-breadcrumb-item>
+                                <el-breadcrumb-item>{{ name }}</el-breadcrumb-item>
+                            </el-breadcrumb>
+                        </div>
+                    </div>
                     <ul class="list">
                         <li v-for="(item, index) in newsList" :key="index">
                             <NuxtLink :href="getLinkPathDetail(item)" :title="item.alias">
-                                {{ item.title }}
+                                <span class="listTitle">{{ item.title }}</span>
+                                <span class="time">{{ getTime(item.updated_at, 'month', 1) }}</span>
                             </NuxtLink>
                         </li>
                     </ul>
@@ -76,10 +55,8 @@
                 </div>
             </div>
         </div>
-
         <!-- 列表页广告二 -->
         <HomeTopTen :imgurl="adImg2" v-if="adImg2"></HomeTopTen>
-
         <!-- 页面底部 -->
         <HomeFoot1></HomeFoot1>
     </div>
@@ -200,7 +177,6 @@ let getPageName = async () => {
 getPageName();
 //2.页面数据 end ---------------------------------------->
 
-
 //3.二级栏目 start ---------------------------------------->
 //3.1通过id获取父栏目
 const parent_name = ref([]);
@@ -273,8 +249,8 @@ if (setData.code == 200) {
     useSeoMeta({
         title: seoTitle + "_" + seoName + "_" + seoSuffix,
         meta: [
-            { name: 'description', content: seoDescription + "_" + seoName + "_" + seoSuffix , tagPriority: 10 },
-            { name: 'keywords', content: seoKeywords + "_" + seoName + "_" + seoSuffix , tagPriority: 10 }
+            { name: 'keywords', content: seoKeywords + "_" + seoName + "_" + seoSuffix , tagPriority: 10 },
+            { name: 'description', content: seoDescription + "_" + seoName + "_" + seoSuffix , tagPriority: 10 }
         ]
     });
 } else {

pages/index.vue

@@ -739,8 +739,8 @@ if(setData.code == 200){
     useSeoMeta({
         title: seoTitle + "_" + seoSuffix,
         meta: [
-            { name: 'description', content: seoDescription + "_" + seoName + "_" + seoSuffix, tagPriority: 10 },
-            { name: 'keywords', content: seoKeywords + "_" + seoName + "_" + seoSuffix, tagPriority: 10 }
+            { name: 'keywords', content: seoKeywords + "_" + seoName + "_" + seoSuffix, tagPriority: 10 },
+            { name: 'description', content: seoDescription + "_" + seoName + "_" + seoSuffix, tagPriority: 10 }
         ]
     });
 }else{