修改bug

.nuxt/manifest/latest.json

@@ -1 +1 @@
-{"id":"b06221d5-3a68-4263-98e8-5555eb084847","timestamp":1745906168684}
+{"id":"7d717dfe-d957-446a-abfd-4c64d8aa55f9","timestamp":1746693552529}

.nuxt/manifest/meta/7d717dfe-d957-446a-abfd-4c64d8aa55f9.json

@@ -0,0 +1 @@
+{"id":"7d717dfe-d957-446a-abfd-4c64d8aa55f9","timestamp":1746693552529,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}

.nuxt/manifest/meta/b06221d5-3a68-4263-98e8-5555eb084847.json

@@ -1 +0,0 @@
-{"id":"b06221d5-3a68-4263-98e8-5555eb084847","timestamp":1745906168684,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}

.nuxt/tsconfig.json

@@ -102,7 +102,7 @@
         "./imports"
       ],
       "#app-manifest": [
-        "./manifest/meta/b06221d5-3a68-4263-98e8-5555eb084847.json"
+        "./manifest/meta/7d717dfe-d957-446a-abfd-4c64d8aa55f9.json"
       ],
       "#components": [
         "./components"

assets/css/shukanList.less

@@ -0,0 +1,314 @@
+.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;
+    }
+}
+
+.dot1 {
+    display: block;
+    word-break: keep-all;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.dot2 {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+}
+
+.dot3 {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 3;
+}
+
+.clearfix {
+    overflow: hidden;
+}
+
+// 资讯列表
+.newsDetail {
+    width: 100%;
+    //height: 1400px;
+    margin-bottom: 70px;
+
+    .inner {
+        width: 1200px;
+        //height: 1400px;
+        font-size: 16px;
+
+        .innerLeft {
+            //height: 1400px;
+            float: right;
+            width: 900px;
+            margin-right: 0;
+            margin-left: 20px;
+
+            .dot1 {
+                display: block;
+                word-break: keep-all;
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
+            }
+
+            .dot2 {
+                overflow: hidden;
+                display: -webkit-box;
+                -webkit-box-orient: vertical;
+                -webkit-line-clamp: 2;
+            }
+
+            .dot3 {
+                overflow: hidden;
+                display: -webkit-box;
+                -webkit-box-orient: vertical;
+                -webkit-line-clamp: 3;
+            }
+
+            .clearfix {
+                overflow: hidden;
+            }
+
+            .book_son_right {
+                float: right;
+                width: 900px;
+                overflow: hidden;
+                min-height: 600px;
+                margin-bottom: 60px;
+            }
+
+            .book_son_left_head {
+                height: 69px;
+                // background-image: url(../public/img/18.png);
+            }
+
+            .book_son_left_ul {
+                margin-top: 29px;
+
+                .book_son_left_li {
+                    display: block;
+                    width: 279px;
+                    height: 61px;
+                    line-height: 61px;
+                    box-sizing: border-box;
+                    margin-bottom: 15px;
+                    background: #FBFBFB;
+                    border: solid 0px #fff;
+                    border-left: solid 5px #028E21;
+                    text-align: center;
+                    color: #333;
+                    font-size: 20px;
+                }
+
+                .book_son_left_li_only {
+                    border: solid 1px #028E21;
+                }
+            }
+
+            .book_son_right_ul {
+
+                .book_son_right_li {
+                    margin-bottom: 20px;
+                    position: relative;
+                }
+
+                .book_son_right_li_img {
+                    border: solid 1px #ccc;
+                    float: left;
+                    width: 140px;
+                    height: 170px;
+                }
+
+                .book_son_right_li_in {
+                    float: right;
+                    width: 741px;
+                }
+
+                .book_son_right_li_h4 {
+                    height: 24px;
+                    line-height: 24px;
+                    font-weight: bold;
+                    font-size: 18px;
+                    color: #000;
+                    margin-top: 11px;
+                }
+
+                .book_son_right_li_dot3 {
+                    height: 63px;
+                    line-height: 21px;
+                    font-size: 16px;
+                    color: #999;
+                    margin-top: 9px;
+                }
+
+                .book_son_right_li_btn {
+                    float: left;
+                    border: solid 1px #49A769;
+                    margin-top: 24px;
+                    height: 34px;
+                    line-height: 34px;
+                    color: #49A769;
+                    font-size: 14px;
+                    padding: 0px 19px;
+                    text-align: center;
+                    box-sizing: border-box;
+                }
+
+                .book_son_right_li_btn::after {
+                    content: '';
+                    display: block;
+                    width: 100%;
+                    height: 100%;
+                    left: 0px;
+                    top: 0px;
+                    position: absolute;
+                }
+
+                .book_son_right_li:hover .book_son_right_li_dot3 {
+                    color: #49A769;
+                }
+
+                .book_son_right_li:hover .book_son_right_li_h4 {
+                    color: #49A769;
+                }
+
+                .book_son_right_li:nth-last-of-type(1) {
+                    margin-bottom: 0px;
+                }
+            }
+
+        }
+
+
+        .innerRight {
+            width: 279px;
+
+            .rightMenuTitle {
+                width: 279px;
+                height: 69px;
+                font-size: 22px;
+                font-weight: bold;
+                line-height: 58px;
+                text-align: center;
+                color: #fff;
+                background: url("http://img.bjzxtw.org.cn/master/bjzxtw/public/special/projectMoreTitle.png") no-repeat;
+                margin-bottom: 30px;
+            }
+
+            ul {
+                li {
+                    a {
+                        border-left: 5px solid #028E21;
+                        margin-bottom: 15px;
+                        font-size: 22px;
+                        display: block;
+                        height: 61px;
+                        line-height: 61px;
+                        color: #333333;
+                        text-align: center;
+                        background: #FBFBFB;
+                    }
+                }
+            }
+
+            .active {
+                border-left: 0;
+                border: 1px solid #028E21;
+                background: #fff;
+            }
+        }
+    }
+}
+
+.pagination {
+    width: 100%;
+    height: 34px;
+    // margin-left: 141px;
+    display: flex;
+    justify-content: center;
+    margin-top: 60px;
+
+    // 鼠标移入后字体颜色
+    .el-pagination::v-deep :hover {
+        color: #139609;
+    }
+
+    .el-pagination.is-background::v-deep .btn-next,
+    .el-pagination.is-background::v-deep .btn-prev {
+        width: 70px;
+        height: 34px;
+        margin: 0px 10px;
+        border-radius: 4px;
+    }
+
+    .el-pagination.is-background::v-deep .el-pager li {
+        margin: 0px 10px;
+        width: 38px;
+        height: 34px;
+        border-radius: 4px;
+    }
+
+    .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;
+        color: #fff;
+    }
+
+
+}

components/home/SecondaryHeading.vue

@@ -1,12 +1,18 @@
 <template>
     <div class="index_main">
         <nav class="index_nav clearfix">
-            <span class="index_nav_a_one" href="javascript:(void)" title="">{{ title }}</span>
-            <span v-for="(item,index) in titleData" :class="['index_nav_a', { 'index_nav_a_only': targetSegment === item.aLIas_pinyin }]">
-                <span v-if="index<=7">
-                    <NuxtLink :to="{ path: `/${item.aLIas_pinyin}/list-1.html`}" >{{ item.alias }}</NuxtLink>
+            <div class="index_navTitle_box">
+                <span class="index_nav_a_one" href="javascript:(void)" title="">{{ title }}</span>
+            </div>
+            <div class="index_nav_box">
+                <span v-for="(item, index) in titleData"
+                    :class="['index_nav_a', { 'index_nav_a_only': targetSegment === item.aLIas_pinyin }]">
+                    <span v-if="index <= 20">
+                        <NuxtLink :to="{ path: `/${item.aLIas_pinyin}/list-1.html` }">{{ item.alias }}</NuxtLink>
+                    </span>
                 </span>
-            </span>
+            </div>
+
         </nav>
     </div>
 </template>
@@ -15,33 +21,33 @@
 //1.设置组件数据 start---------------------------------------->
 //子导航
 const props = defineProps({
-    titleData:Array,
-    pinyinid:Number
+    titleData: Array,
+    pinyinid: Number
 });
 
 //获取当前url路径
 const route = useRoute();
 //获得当前的完整路径
 const fullPath = route.path;
-const segments = fullPath.split('/'); 
-const targetSegment = segments[1]; 
+const segments = fullPath.split('/');
+const targetSegment = segments[1];
 //1.设置组件数据 end---------------------------------------->
 
 //2.设置组件标题 start ---------------------------------------->
 const title = ref("")
 async function getPageData() {
-    const mkdata =  await requestDataPromise('/web/getOneWebsiteCategory', {
+    const mkdata = await requestDataPromise('/web/getOneWebsiteCategory', {
         method: 'GET',
         query: {
             'catid': props.pinyinid,
         },
     });
-    if(mkdata.code == 200){
+    if (mkdata.code == 200) {
         title.value = mkdata.data.alias;
-    }else{
+    } else {
         console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
         console.log("错误位置：获取二级标题")
-        console.log("后端错误反馈：",mkdata.message)
+        console.log("后端错误反馈：", mkdata.message)
         console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
     }
 }
@@ -55,12 +61,25 @@ getPageData();
     margin: 0 auto;
     margin-bottom: 40px;
 }
+
 .index_nav {
     width: 1200px;
     margin: 0 auto;
     margin-top: 20px;
     border-bottom: solid 1px #D9D9D9;
     height: 88px;
+
+    .index_navTitle_box {
+        float: left;
+        height: 88px;
+        line-height: 88px;
+        font-size: 16px;
+        font-weight: bold;
+        color: #333;
+        width: 153px;
+        // margin: 0px 30px;
+    }
+
     .index_nav_a_one {
         float: left;
         color: #333;
@@ -84,31 +103,47 @@ getPageData();
         background: url(https://img.bjzxtw.org.cn/master/www/nmw/img/3.png) no-repeat left top;
         background-size: 100% 100%;
     }
+
+    .index_nav_box {
+        float: left;
+        // height: 88px;
+        // line-height: 88px;
+        font-size: 16px;
+        font-weight: bold;
+        color: #333;
+        width: 1009px;
+        margin-top: 15px;
+        margin-left: 25px;
+    }
+
     .index_nav_a {
         float: left;
         color: #333;
         font-size: 16px;
-        margin: 0px 30px;
-        height: 88px;
-        line-height: 88px;
+        margin: 5px 30px;
         font-weight: bold;
         border-bottom: solid 3px #fff;
         box-sizing: border-box;
         position: relative;
+
         a {
-            color:#333333
+            color: #333333
         }
-        &:hover{
+
+        &:hover {
             border-bottom: solid 3px #D2600F;
         }
     }
-    .index_nav_a a:hover{
+
+    .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;
@@ -116,24 +151,26 @@ getPageData();
         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(https://img.bjzxtw.org.cn/master/www/nmw/img/3.png) no-repeat left top;
-        background-size: 100% 100%;
+        right: -28px;
+        top: 6px;
     }
+
+    // .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(https://img.bjzxtw.org.cn/master/www/nmw/img/3.png) no-repeat left top;
+    //     background-size: 100% 100%;
+    // }
 }
 </style>

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

@@ -17,12 +17,9 @@
                             <el-breadcrumb-item>
                                 <NuxtLink to="/">首页</NuxtLink>
                             </el-breadcrumb-item>
-                            <el-breadcrumb-item v-if="parent_children_count > 0">
+                            <el-breadcrumb-item v-if="parent_name != ''">
                                 <NuxtLink :to="`/${parent_pinyin}/index.html`"> {{ parent_name }}</NuxtLink>
                             </el-breadcrumb-item>
-                            <el-breadcrumb-item>
-                                <NuxtLink :to="`/${parent_pinyin}/list-1.html`"> {{ parent_name }}</NuxtLink>
-                            </el-breadcrumb-item>
                             <el-breadcrumb-item>
                                 <NuxtLink :to="`list-1.html`"> {{ routLevelTitle }}</NuxtLink>
                             </el-breadcrumb-item>

pages/[dir]/[id].vue

@@ -18,12 +18,9 @@
                             <el-breadcrumb-item>
                                 <NuxtLink to="/">首页</NuxtLink>
                             </el-breadcrumb-item>
-                            <el-breadcrumb-item v-if="parent_children_count > 0">
+                            <el-breadcrumb-item v-if="parent_name != ''">
                                 <NuxtLink :to="`/${parent_pinyin}/index.html`"> {{ parent_name }}</NuxtLink>
                             </el-breadcrumb-item>
-                            <el-breadcrumb-item v-else>
-                                <NuxtLink :to="`/${parent_pinyin}/list-1.html`"> {{ parent_name }}</NuxtLink>
-                            </el-breadcrumb-item>
                             <el-breadcrumb-item>{{ routeNewsTtitle }}</el-breadcrumb-item>
                         </el-breadcrumb>
                     </div>

pages/[dir]/index.html.vue

@@ -323,7 +323,7 @@ try {
         query: {
             'placeid': 1,
             'pid': routeId,
-            'num': 8
+            'num': 16
         },
     });
     if (navigateData.code == 200) {