fzfzcj-2026-1-16-c

pages/about/[dir]/index.html.vue

@@ -55,13 +55,11 @@
     <!-- 页面底部 -->
     <HomeFoot></HomeFoot>
 </template>
-
 <script setup>
 //1.页面依赖 start ---------------------------------------->
 import { ElBreadcrumb, ElBreadcrumbItem } from 'element-plus'
 import { ArrowRight } from '@element-plus/icons-vue'
 import { ref, onMounted } from 'vue';
-
 //获得跳转过来的id
 const route = useRoute();
 //获得当前的完整路径
@@ -70,7 +68,6 @@ const fullPath = route.path;
 const segments = fullPath.split('/');
 const targetSegment = segments[2];
 //const numberPart = targetSegment.match(/\d+$/)?.[0]; 
-
 let articleId;
 let pageId;
 //通过导航路径反向查询导航id
@@ -89,9 +86,7 @@ if (getRouteId.code == 200) {
     // console.log("后端错误反馈：",getRouteId.message)
     // console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
 }
-
 //1.页面依赖 end ---------------------------------------->
-
 //2.页面数据 start ---------------------------------------->
 //广告列表
 const adList = ref([]);
@@ -117,10 +112,8 @@ async function getAdData() {
     }
 }
 getAdData();
-
 const newsDetail = ref({})
 const bottomMenu = ref([]);
-
 async function getPageData() {
     const mkdata = await requestDataPromise('/web/getWebsiteFooterCategoryInfo', {
         method: 'GET',
@@ -131,7 +124,6 @@ async function getPageData() {
     newsDetail.value = mkdata.data;
 }
 getPageData();
-
 async function getPageMenu() {
     const mkdata = await requestDataPromise('/web/getWebsiteFooterCategory', {
         method: 'GET',
@@ -141,21 +133,17 @@ async function getPageMenu() {
 }
 getPageMenu();
 //2.页面数据 end ---------------------------------------->
-
-
 //4.设置seo信息 start---------------------------------------->
 //4.1 设置seo信息
 const setData = await requestDataPromise('/web/getWebsiteFootInfo', {
     method: 'GET',
     query: {},
 });
-
 let seoTitle = setData.data.website_head.title;
 let seoDescription = setData.data.website_head.description;
 let seoKeywords = setData.data.website_head.keywords;
 let seoSuffix = setData.data.website_head.suffix;
 let seoName = setData.data.website_head.website_name;
-
 useSeoMeta({
     title: seoTitle + "_" + seoSuffix,
     meta: [
@@ -164,7 +152,6 @@ useSeoMeta({
     ]
 });
 //4.设置seo信息 end---------------------------------------->
-
 onMounted(async () => {
     //从客户端获取行政职能部门 加快打开速度
     const { $webUrl, $CwebUrl } = useNuxtApp();
@@ -179,7 +166,6 @@ onMounted(async () => {
     });
     const resultAd1 = await responseAd1.json();
     adImg1.value = resultAd1.data[0];
-
     //广告2
     let url2 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=snzxw_page_0002`
     const responseAd2 = await fetch(url2, {
@@ -193,26 +179,20 @@ onMounted(async () => {
     adImg2.value = resultAd2.data[0];
 })
 </script>
-
 <style lang="less" scoped>
 @media screen and (min-width: 1401px) {
-
     //导航条
     .breadcrumb {
         width: 100%;
-
         .inner {
             width: 1200PX;
             margin: 10PX auto;
             border-bottom: 1PX solid #E5E5E5;
-
         }
-
         .el-breadcrumb::v-deep {
             display: inline-block;
             vertical-align: -4PX;
         }
-
         .el-breadcrumb__inner a::v-deep,
         .el-breadcrumb__inner.is-link::v-deep {
             color: #666666;
@@ -220,7 +200,6 @@ onMounted(async () => {
             text-decoration: none;
             transition: var(--el-transition-color);
         }
-
         span {
             font-family: "宋体";
             font-weight: 400;
@@ -231,7 +210,6 @@ onMounted(async () => {
             font-style: normal;
             text-transform: none;
         }
-
         .location {
             margin-right: 10PX;
             display: inline-block;
@@ -244,26 +222,21 @@ onMounted(async () => {
             vertical-align: 11PX;
         }
     }
-
     // 资讯列表
     .newsDetail {
         width: 100%;
         margin-bottom: 70PX;
-
         .inner {
             width: 1200PX;
             font-size: 16PX;
             margin: 0 auto;
-
             .innerLeft {
                 width: 980PX;
                 float: right;
-                margin-right:0px;
+                margin-right: 0px;
                 .LeftTop {
                     margin-top: 50PX;
-
                     >h1 {
-
                         line-height: 40PX;
                         margin-bottom: 30PX;
                         font-family: Microsoft YaHei, Microsoft YaHei;
@@ -271,7 +244,6 @@ onMounted(async () => {
                         font-size: 30PX;
                         color: #333333;
                     }
-
                     >p {
                         height: 18PX;
                         line-height: 18PX;
@@ -279,25 +251,21 @@ onMounted(async () => {
                         font-weight: 400;
                         font-size: 14PX;
                         color: #999999;
-
                         span {
                             margin-right: 40PX;
                         }
                     }
-
                     >img {
                         width: 680PX;
                         height: 382PX;
                         padding: 50PX 0PX 60PX 55PX;
                     }
                 }
-
                 .leftBottomImg {
                     width: 760PX;
                     height: 184PX;
                     margin: 0 auto;
                 }
-
                 .leftBottom {
                     width: 92%;
                     font-size: 20PX;
@@ -305,7 +273,6 @@ onMounted(async () => {
                     margin: 0 auto;
                     font-family: "微软雅黑", Microsoft YaHei;
                     line-height: 36PX;
-
                     >h3,
                     >p {
                         text-indent: 2em;
@@ -316,23 +283,19 @@ onMounted(async () => {
                         line-height: 23PX;
                         padding-bottom: 30PX;
                     }
-
                     >h3 {
                         font-weight: 600PX;
                     }
-
                     >p {
                         font-weight: 400;
                     }
                 }
             }
-
             .innerRight {
                 width: 200PX;
                 margin-top: 20PX;
-                margin-left:0px;
+                margin-left: 0px;
                 font-family: "微软雅黑";
-
                 ul {
                     li {
                         a {
@@ -349,7 +312,6 @@ onMounted(async () => {
                         }
                     }
                 }
-
                 .active {
                     border-left: 0;
                     background: #3395e4;
@@ -359,24 +321,19 @@ onMounted(async () => {
         }
     }
 }
-
 @media screen and (min-width: 801px) and (max-width: 1400px) {
-
     //导航条
     .breadcrumb {
         width: 100%;
-
         .inner {
             width: 90%;
             margin: 10PX auto;
             border-bottom: 1PX solid #E5E5E5;
         }
-
         .el-breadcrumb::v-deep {
             display: inline-block;
             vertical-align: -4PX;
         }
-
         .el-breadcrumb__inner a::v-deep,
         .el-breadcrumb__inner.is-link::v-deep {
             color: #666666;
@@ -384,7 +341,6 @@ onMounted(async () => {
             text-decoration: none;
             transition: var(--el-transition-color);
         }
-
         span {
             font-family: "宋体";
             font-weight: 400;
@@ -395,7 +351,6 @@ onMounted(async () => {
             font-style: normal;
             text-transform: none;
         }
-
         .location {
             margin-right: 10PX;
             display: inline-block;
@@ -408,24 +363,20 @@ onMounted(async () => {
             vertical-align: 11PX;
         }
     }
-
     // 资讯列表
     .newsDetail {
         width: 100%;
         margin-bottom: 70PX;
-
         .inner {
             width: 90%;
             margin: 0 auto;
             font-size: 16PX;
-
             .innerLeft {
                 width: 75%;
                 float: right;
-                margin-right:0px;
+                margin-right: 0px;
                 .LeftTop {
                     margin-top: 50PX;
-
                     >h1 {
                         line-height: 40PX;
                         margin-bottom: 30PX;
@@ -434,7 +385,6 @@ onMounted(async () => {
                         font-size: 30PX;
                         color: #333333;
                     }
-
                     >p {
                         height: 18PX;
                         line-height: 18PX;
@@ -442,27 +392,22 @@ onMounted(async () => {
                         font-weight: 400;
                         font-size: 14PX;
                         color: #999999;
-
                         span {
                             margin-right: 40PX;
                         }
                     }
-
                     >img {
                         width: 680PX;
                         height: 382PX;
                         padding: 50PX 0PX 60PX 55PX;
                     }
                 }
-
                 .leftBottomImg {
                     width: 100%;
-
                     img {
                         width: 100%;
                     }
                 }
-
                 .leftBottom {
                     width: 92%;
                     font-size: 20PX;
@@ -470,7 +415,6 @@ onMounted(async () => {
                     margin: 0 auto;
                     font-family: "微软雅黑", Microsoft YaHei;
                     line-height: 36PX;
-
                     >h3,
                     >p {
                         text-indent: 2em;
@@ -481,23 +425,19 @@ onMounted(async () => {
                         line-height: 23PX;
                         padding-bottom: 30PX;
                     }
-
                     >h3 {
                         font-weight: 600;
                     }
-
                     >p {
                         font-weight: 400;
                     }
                 }
             }
-
             .innerRight {
                 width: 20%;
                 margin-top: 20PX;
                 margin-right: 20PX;
                 font-family: "微软雅黑";
-
                 ul {
                     li {
                         a {
@@ -514,7 +454,6 @@ onMounted(async () => {
                         }
                     }
                 }
-
                 .active {
                     border-left: 0;
                     background: #3395e4;
@@ -524,24 +463,19 @@ onMounted(async () => {
         }
     }
 }
-
 @media screen and (max-width: 800px) {
-
     //导航条
     .breadcrumb {
         width: 100%;
-
         .inner {
             width: 100%;
             padding: 0 20px;
             border-bottom: 2px solid #E5E5E5;
         }
-
         .el-breadcrumb::v-deep {
             display: inline-block;
             vertical-align: -4px;
         }
-
         .el-breadcrumb__inner a::v-deep,
         .el-breadcrumb__inner.is-link::v-deep {
             color: #666666;
@@ -549,7 +483,6 @@ onMounted(async () => {
             text-decoration: none;
             transition: var(--el-transition-color);
         }
-
         span {
             font-family: "宋体";
             font-weight: 400;
@@ -560,7 +493,6 @@ onMounted(async () => {
             font-style: normal;
             text-transform: none;
         }
-
         .location {
             margin-right: 10px;
             display: inline-block;
@@ -573,29 +505,23 @@ onMounted(async () => {
             vertical-align: 24px;
         }
     }
-
     // 资讯列表
     .newsDetail {
         width: 100%;
         margin-bottom: 70px;
-
         .inner {
             width: 100%;
             font-size: 32px;
-
             .innerLeft {
                 width: 100%;
                 margin-top: 20px;
-
                 .leftBottomImg {
                     width: 100%;
                     text-align: center;
-
                     img {
                         width: 96%;
                     }
                 }
-
                 .leftBottom {
                     width: 92%;
                     font-size: 40px !important;
@@ -603,7 +529,6 @@ onMounted(async () => {
                     margin: 0 auto;
                     font-family: "微软雅黑", Microsoft YaHei;
                     line-height: 72px;
-
                     h3,
                     p {
                         width: 100%;
@@ -613,27 +538,22 @@ onMounted(async () => {
                         line-height: 72px;
                         padding-bottom: 30px;
                     }
-
                     h3 {
                         font-weight: 600;
                     }
-
                     p {
                         font-weight: 400;
                     }
-
                     span {
                         font-size: 40px !important;
                     }
                 }
             }
-
             .innerRight {
                 display: none;
                 width: 200px;
                 margin-top: 20px;
                 font-family: "微软雅黑";
-
                 ul {
                     li {
                         a {
@@ -650,7 +570,6 @@ onMounted(async () => {
                         }
                     }
                 }
-
                 .active {
                     border-left: 0;
                     background: #3395e4;