From 27bcd575be4509114dc4a87b8008cf94aef9aede Mon Sep 17 00:00:00 2001
From: wujingjing <gersonwu@qq.com>
Date: 星期四, 13 二月 2025 16:18:05 +0800
Subject: [PATCH] 新闻详情页面
---
src/components/AppHeader.vue | 8
src/assets/carousel/test/2.png | 0
src/assets/carousel/test/10.png | 0
src/assets/carousel/test/8.png | 0
src/views/mock/newsDetailList.ts | 159 ++++++++++++++++++++++++++
src/assets/carousel/test/1.png | 0
src/views/Home.vue | 52 +++++--
src/router/index.ts | 5
src/assets/carousel/test/3.png | 0
src/App.vue | 18 ++
src/assets/carousel/test/9.png | 0
src/views/NewsDetail.vue | 114 +++++++++++++++++++
src/assets/carousel/test/5.png | 0
src/assets/carousel/test/7.png | 0
14 files changed, 334 insertions(+), 22 deletions(-)
diff --git a/src/App.vue b/src/App.vue
index 3ef413b..88e71f5 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,7 +1,7 @@
<template>
<div class="h-full bg-gray-50 flex flex-col">
<AppHeader class="flex-0" />
- <div class="flex-auto !overflow-y-auto bg-[#f4f4f4]">
+ <div class="flex-auto !overflow-y-auto bg-[#f4f4f4]" ref="containerRef">
<div class="w-[63%] mx-auto">
<router-view></router-view>
</div>
@@ -11,7 +11,23 @@
</template>
<script setup lang="ts">
+import { ref, watch } from 'vue';
+import { useRoute } from 'vue-router';
+import AppFooter from './components/AppFooter.vue';
import AppHeader from './components/AppHeader.vue';
+
+const route = useRoute();
+const containerRef = ref<HTMLDivElement | null>(null);
+
+// 鐩戝惉璺敱鍙樺寲锛屾粴鍔ㄥ埌椤堕儴
+watch(
+ () => route.path,
+ () => {
+ if (containerRef.value) {
+ containerRef.value.scrollTop = 0;
+ }
+ }
+);
</script>
<style>
diff --git a/src/assets/carousel/test/1.png b/src/assets/carousel/test/1.png
new file mode 100644
index 0000000..fcffbc5
--- /dev/null
+++ b/src/assets/carousel/test/1.png
Binary files differ
diff --git a/src/assets/carousel/test/10.png b/src/assets/carousel/test/10.png
new file mode 100644
index 0000000..c97709f
--- /dev/null
+++ b/src/assets/carousel/test/10.png
Binary files differ
diff --git a/src/assets/carousel/test/2.png b/src/assets/carousel/test/2.png
new file mode 100644
index 0000000..d92b4d8
--- /dev/null
+++ b/src/assets/carousel/test/2.png
Binary files differ
diff --git a/src/assets/carousel/test/3.png b/src/assets/carousel/test/3.png
new file mode 100644
index 0000000..19dc017
--- /dev/null
+++ b/src/assets/carousel/test/3.png
Binary files differ
diff --git a/src/assets/carousel/test/5.png b/src/assets/carousel/test/5.png
new file mode 100644
index 0000000..b03d165
--- /dev/null
+++ b/src/assets/carousel/test/5.png
Binary files differ
diff --git a/src/assets/carousel/test/7.png b/src/assets/carousel/test/7.png
new file mode 100644
index 0000000..4496c70
--- /dev/null
+++ b/src/assets/carousel/test/7.png
Binary files differ
diff --git a/src/assets/carousel/test/8.png b/src/assets/carousel/test/8.png
new file mode 100644
index 0000000..092d501
--- /dev/null
+++ b/src/assets/carousel/test/8.png
Binary files differ
diff --git a/src/assets/carousel/test/9.png b/src/assets/carousel/test/9.png
new file mode 100644
index 0000000..9f3da76
--- /dev/null
+++ b/src/assets/carousel/test/9.png
Binary files differ
diff --git a/src/components/AppHeader.vue b/src/components/AppHeader.vue
index 8bceb05..e48b8ef 100644
--- a/src/components/AppHeader.vue
+++ b/src/components/AppHeader.vue
@@ -14,10 +14,10 @@
<nav class="flex ml-8">
<el-menu mode="horizontal" :ellipsis="false" class="border-none" router :default-active="activeRoute">
<el-menu-item index="/" class="!px-4">棣栭〉</el-menu-item>
- <el-menu-item index="/industrial-software" class="!px-4">宸ヤ笟杞欢|宸ヤ笟APP</el-menu-item>
- <el-menu-item index="/supply-demand" class="!px-4">渚涢渶瀵规帴</el-menu-item>
- <el-menu-item index="/application" class="!px-4">搴旂敤鎺ㄥ箍</el-menu-item>
- <el-menu-item index="/public-service" class="!px-4">鍏叡鏈嶅姟</el-menu-item>
+ <el-menu-item index="/industrial-software" class="!px-4">璁よ瘉浜у搧</el-menu-item>
+ <el-menu-item index="/supply-demand" class="!px-4">璇佷功鏌ヨ</el-menu-item>
+ <el-menu-item index="/application" class="!px-4">琛ヨ创鏀跨瓥</el-menu-item>
+ <el-menu-item index="/public-service" class="!px-4">鏌ユ车缃�</el-menu-item>
</el-menu>
</nav>
diff --git a/src/router/index.ts b/src/router/index.ts
index be71caa..b42fd1a 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -28,6 +28,11 @@
name: 'public-service',
component: () => import('../views/PublicService.vue'),
},
+ {
+ path: '/news-detail/:id',
+ name: 'news-detail',
+ component: () => import('../views/NewsDetail.vue'),
+ },
],
});
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 87eb281..872b446 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -5,17 +5,20 @@
<el-carousel height="500px" :interval="5000" arrow="always">
<el-carousel-item>
<div class="carousel-item">
- <img src="@/assets/carousel/1.png" class="carousel-image" />
+ <img src="@/assets/carousel/test/10.png" class="carousel-image" />
+ <!-- <img src="https://www.app-i.cn/api/file?file_name=2d82602e-8797-46d7-9b5c-59d9f88bc6d9.png;杞欢涓�浣撳寲娴嬭瘯骞冲彴_鍓湰.png" class="carousel-image" /> -->
</div>
</el-carousel-item>
<el-carousel-item>
<div class="carousel-item">
- <img src="@/assets/carousel/4.png" class="carousel-image" />
+ <img src="@/assets/carousel/2.png" class="carousel-image" />
+ <!-- <img src="https://www.app-i.cn/static/epidemicBanner.e4d9a821.jpg" alt=""> -->
</div>
</el-carousel-item>
<el-carousel-item>
<div class="carousel-item">
<img src="@/assets/carousel/3.png" class="carousel-image" />
+ <!-- <img src="https://www.app-i.cn/api/file?file_name=072c9dda-3ffb-410d-be93-a88ec6c7e765.jpg;40鍛ㄥ勾1.jpg" alt=""> -->
</div>
</el-carousel-item>
<!-- <el-carousel-item>
@@ -23,7 +26,7 @@
</el-carousel-item> -->
</el-carousel>
</div>
- <div class="relative z-20 2">
+ <div class="relative z-20 2 -mt-24">
<!-- 鍔熻兘鎸夐挳鍖哄煙 -->
<div class="bg-white py-8">
<div class="mx-auto px-32">
@@ -34,7 +37,7 @@
<img src="@/assets/icons/publish-app.svg" alt="鍙慉PP" class="w-full h-full" />
</div>
<div>
- <div class="text-lg font-medium">鍙慉PP</div>
+ <div class="text-lg font-medium">琛ヨ创鐢宠</div>
<div class="text-sm text-info-light-3">Publish APP</div>
</div>
</div>
@@ -45,7 +48,7 @@
<img src="@/assets/icons/publish-app.svg" alt="鍙慉PP" class="w-full h-full" />
</div>
<div>
- <div class="text-lg font-medium">鍙慉PP</div>
+ <div class="text-lg font-medium">璁よ瘉浜у搧</div>
<div class="text-sm text-info-light-3">Publish APP</div>
</div>
</div>
@@ -56,18 +59,18 @@
<img src="@/assets/icons/publish-app.svg" alt="鍙慉PP" class="w-full h-full" />
</div>
<div>
- <div class="text-lg font-medium">鎵続PP</div>
+ <div class="text-lg font-medium">璇佷功鏌ヨ</div>
<div class="text-sm text-info-light-3">Find APP</div>
</div>
</div>
</router-link>
- <router-link to="/publish-app" class="block" style="border-right: 1px solid #e3e3e3">
+ <router-link to="https://www.xpump.net" class="block" style="border-right: 1px solid #e3e3e3">
<div class="flex items-center gap-1 justify-center">
<div class="w-16 h-16">
<img src="@/assets/icons/publish-app.svg" alt="鍙慉PP" class="w-full h-full" />
</div>
<div>
- <div class="text-lg font-medium">鍙慉PP</div>
+ <div class="text-lg font-medium">鏌ユ车缃�</div>
<div class="text-sm text-info-light-3">Publish APP</div>
</div>
</div>
@@ -147,7 +150,7 @@
class="flex text-regular justify-between items-center py-2"
style="border-bottom: 1px solid #e3e3e3"
>
- <div class="flex items-center hover:text-primary w-full" @click="handleNewsClick(item.link)">
+ <div class="flex items-center hover:text-primary w-full" @click="handleNewsClick(item)">
<!-- <div class="w-1.5 h-1.5 rounded-full bg-gray-400 mr-2"></div> -->
<div class="w-full text-gray-700 hover:text-blue-500 cursor-pointer text-ellipsis overflow-hidden whitespace-nowrap">
{{ item.title }}
@@ -224,27 +227,34 @@
import { Document, Operation } from '@element-plus/icons-vue';
import * as echarts from 'echarts';
import { onMounted, ref } from 'vue';
+import { useRouter } from 'vue-router';
+
+const router = useRouter();
const newsList = ref([
{
+ id: '1',
title: '涓婃捣甯傜粡娴庝俊鎭寲濮斿叧浜庡緛闆嗙敤鑳借澶囨洿鏂颁緵搴旈摼骞冲彴鐨勯�氱煡',
date: '2025-02-07',
link: 'https://sheitc.sh.gov.cn/jjyx/20250207/7e424cc336b84066890ba2366c4543a1.html',
},
{
+ id: '2',
title: '娴欐睙澶ц妯′互鏃ф崲鏂版柟妗堝叕甯�',
date: '2025-02-08',
link: 'https://news.qq.com/rain/a/20250208A05YH100',
},
{
+ id: '3',
title: '2024骞磋澶囨洿鏂颁笌娑堣垂鍝佷互鏃ф崲鏂版垚鏁堟樉钁�',
date: '2025-02-10',
link: 'https://www.sohu.com/a/857615850_122006510',
},
{
- title: '涓婃捣甯傚伐涓氶�氫俊涓氱敤鑳借澶囨洿鏂颁笓椤规壎鎸佸疄鏂界粏鍒�',
- date: '2025-01-06',
- link: 'https://service.shanghai.gov.cn/XingZhengWenDangKuJyh/XZGFDetails.aspx?docid=250120100555h7fouO6RCg6qGzauglW',
+ id: '4',
+ title: '鍗板彂鎺ㄥ姩宸ヤ笟棰嗗煙璁惧鏇存柊宸ヤ綔瀹炴柦鏂规鐨勯�氱煡',
+ date: '2024-10-22',
+ link: 'https://gxj.quanzhou.gov.cn/zwgk/zfxxgk/fdzdgknr/gzdt/202410/t20241022_3093021.htm',
},
// {
// title: '鍗板彂鎺ㄥ姩宸ヤ笟棰嗗煙璁惧鏇存柊宸ヤ綔瀹炴柦鏂规鐨勯�氱煡',
@@ -276,8 +286,13 @@
{ region: '骞夸笢鐪�', count: 249 },
]);
-const handleNewsClick = (link: string) => {
- window.open(link, '_blank');
+const handleNewsClick = (item: any) => {
+ // if (item.link) {
+ // window.open(item.link, '_blank');
+ // } else {
+ // router.push(`/news-detail/${item.id}`);
+ // }
+ router.push(`/news-detail/${item.id}`);
};
// 鍥捐〃鏁版嵁
@@ -565,13 +580,16 @@
overflow: hidden;
position: relative;
cursor: pointer;
+ display: flex;
+ align-items: center;
+ justify-content: center;
}
.carousel-image {
width: 100%;
- height: 100%;
- object-fit: cover; /* 淇濇寔鍥剧墖姣斾緥骞跺～鍏呭鍣� */
- object-position: center center; /* 灞呬腑鏄剧ず鍥剧墖 */
+ /* height: 100%; */
+ object-fit: fill; /* 淇敼涓篺ill浠ュ畬鍏ㄥ～鍏呭鍣� */
+
}
.function-card {
diff --git a/src/views/NewsDetail.vue b/src/views/NewsDetail.vue
new file mode 100644
index 0000000..dedc527
--- /dev/null
+++ b/src/views/NewsDetail.vue
@@ -0,0 +1,114 @@
+<template>
+ <div class="container mx-auto px-4 py-8 bg-white">
+ <div class="max-w-4xl mx-auto">
+ <!-- 闈㈠寘灞戝鑸� -->
+ <div class="mb-6 text-gray-500">
+ <el-breadcrumb separator="/">
+ <el-breadcrumb-item :to="{ path: '/' }">棣栭〉</el-breadcrumb-item>
+ <el-breadcrumb-item>閫氱煡鍏憡</el-breadcrumb-item>
+ <el-breadcrumb-item>鏂伴椈璇︽儏</el-breadcrumb-item>
+ </el-breadcrumb>
+ </div>
+
+ <!-- 鏂囩珷鍐呭 -->
+ <div class="article-content">
+ <h1 class="text-2xl font-bold text-center mb-4">{{ newsDetail.title }}</h1>
+ <div class="flex justify-center items-center text-gray-500 text-sm mb-8">
+ <span>鍙戝竷鏃堕棿锛歿{ newsDetail.date }}</span>
+ <span class="mx-4">|</span>
+ <span>鏉ユ簮锛歿{ newsDetail.source }}</span>
+ <span class="mx-4">|</span>
+ <span>娴忚娆℃暟锛歿{ newsDetail.views }}</span>
+ </div>
+ <div class="prose max-w-none" v-html="newsDetail.content"></div>
+ </div>
+
+ <!-- 涓婁竴绡�/涓嬩竴绡� -->
+ <div class="mt-8 pt-4 border-t">
+ <div class="flex flex-col gap-2">
+ <div v-if="newsDetail.prev" class="text-gray-600 hover:text-blue-500 cursor-pointer">
+ 涓婁竴绡囷細<router-link :to="'/news-detail/' + newsDetail.prev.id">{{ newsDetail.prev.title }}</router-link>
+ </div>
+ <div v-if="newsDetail.next" class="text-gray-600 hover:text-blue-500 cursor-pointer">
+ 涓嬩竴绡囷細<router-link :to="'/news-detail/' + newsDetail.next.id">{{ newsDetail.next.title }}</router-link>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+</template>
+
+<script setup lang="ts">
+import { onMounted, ref } from 'vue';
+import { useRoute } from 'vue-router';
+import {newsList} from './mock/newsDetailList'
+const route = useRoute();
+const newsDetail = ref({
+ id: "1",
+ title: '娉夊窞甯傚伐涓氬拰淇℃伅鍖栧眬 娉夊窞甯傝储鏀垮眬鍏充簬鍗板彂鎺ㄥ姩宸ヤ笟棰嗗煙璁惧鏇存柊宸ヤ綔瀹炴柦鏂规鐨勯�氱煡',
+ date: '2024-10-22',
+ source: '娉夊窞甯傚伐涓氬拰淇℃伅鍖栧眬',
+ views: 1234,
+ content: `
+ <p class="mb-4">缁忓競鏀垮簻鍚屾剰锛屾硥宸炲競宸ヤ笟鍜屼俊鎭寲灞�銆佹硥宸炲競璐㈡斂灞�鍗板彂銆婃帹鍔ㄥ伐涓氶鍩熻澶囨洿鏂板伐浣滃疄鏂芥柟妗堛�嬶紝瑕佹眰鍚勫幙锛堝競銆佸尯锛夋斂搴滐紝娉夊窞寮�鍙戝尯銆佹硥宸炲彴鍟嗘姇璧勫尯绠″浼氾紝甯傜洿鏈夊叧鍗曚綅璁ょ湡璐交鎵ц銆�</p>
+
+ <h2 class="text-xl font-bold my-4">宸ヤ綔鐩爣</h2>
+ <p class="mb-4">鍒�2027骞达紝鍏ㄥ競宸ヤ笟棰嗗煙璁惧鎶曡祫瑙勬ā杈�2023骞村闀�25%浠ヤ笂锛涢噸鐐硅涓氫富瑕佺敤鑳借澶囪兘鏁堝熀鏈揪鍒拌妭鑳芥按骞筹紝瑙勬ā浠ヤ笂宸ヤ笟浼佷笟鏁板瓧鍖栫爺鍙戣璁″伐鍏锋櫘鍙婄巼瓒呰繃90%锛屽叧閿伐搴忔暟鎺у寲鐜囪秴杩�75%锛岃緝2023骞存彁楂�5涓櫨鍒嗙偣浠ヤ笂锛屽疄鐜板ぇ鍨嬩紒涓氭暟瀛楀寲鏀归�犲叏瑕嗙洊锛屽畬鎴愬垱寤哄浗瀹剁骇鎶�鏈敼閫犺瘯鐐瑰煄甯傘��</p>
+
+ <h2 class="text-xl font-bold my-4">閲嶇偣琛屼笟璁惧鏇存柊鏀归�犲伐绋�</h2>
+ <p class="mb-4">鍥寸粫50鏉″幙鍩熼噸鐐逛骇涓氶摼锛屾帹鍔ㄧ煶鍖栥�佽澶囥�佺汉缁囬瀷鏈嶃�佸缓鏉愮瓑琛屼笟鎺ㄥ箍楂樼鏅鸿兘鎴愬瑁呭銆傜煶鍖栬涓氬姞蹇櫨涓囧惃绾уぇ鍨嬩箼鐑垚濂楄澶囨洿鏂帮紱寤烘潗琛屼笟鍔犲揩澶у瀷鏁版帶鐭虫潗缁抽敮銆佺煶鑻辩煶鍔犲伐涓績绛夎澶囨洿鏂帮紱鍗敓闄剁摲浣跨敤鐢电儳杈婇亾绐戠瓑瑁呭鏇存柊銆�</p>
+ <p class="mb-4">鍏呭垎鍙戞尌璇曠偣鍩庡競涓ぎ璐㈡斂涓撻」琛ュ姪璧勯噾鐨勫紩瀵间綔鐢紝缁勭粐瀹炴柦璁惧鏇存柊鏀归�犻」鐩粠20涓墿灞曞埌300涓互涓娿�傚埌2027骞达紝瀹炴柦宸ヤ笟棰嗗煙璁惧鏇存柊450椤逛互涓婏紝鎶曡祫绱杈惧埌700浜垮厓浠ヤ笂銆�</p>
+
+ <h2 class="text-xl font-bold my-4">鏁版櫤璁惧鍜岃蒋浠舵櫘鍙婃帹骞垮伐绋�</h2>
+ <p class="mb-4">鎺ㄥ姩浜哄伐鏅鸿兘鎶�鏈簲鐢ㄤ簬浼佷笟鐮斿彂璁捐銆佷腑璇曢獙璇併�佺敓浜у埗閫犵瓑鐜妭锛屽姏浜夊埌2027骞村勾搴曪紝鎺ㄥ姩瀹炴柦50涓汉宸ユ櫤鑳藉吀鍨嬮」鐩�傚煿鑲茶鍗曟暟鎹┍鍔ㄣ�佹妧鏈钩鍙拌祴鑳姐�佸叡浜埗閫犱腑蹇冪瓑14涓吀鍨嬫ā寮忋��</p>
+
+ <h2 class="text-xl font-bold my-4">绉戞妧鐮斿彂璁惧鏇存柊宸ョ▼</h2>
+ <p class="mb-4">鏀寔寤鸿涓瘯骞冲彴锛屽缁忚瀹氱殑涓瘯楠岃瘉骞冲彴锛堝熀鍦帮級锛屾寜闈炶储鏀胯祫閲戣喘缃澶囪蒋浠惰垂鐢ㄧ殑30%锛岀粰浜堜笉瓒呰繃500涓囧厓琛ュ姪銆傛敮鎸佸伐绋嬬爺绌朵腑蹇冦�佷紒涓氭妧鏈腑蹇冪瓑甯﹀ご鏇存柊鍏抽敭鎬ラ渶浠櫒璁惧銆�</p>
+
+ <h2 class="text-xl font-bold my-4">缁胯壊璁惧鎺ㄥ箍宸ョ▼</h2>
+ <p class="mb-4">鎺ㄥ姩鐭冲寲銆佸缓鏉愩�佺汉缁囩瓑琛屼笟缁胯壊鍖栨敼閫狅紝鍒�2027骞存柊澧炵豢鑹插伐鍘傘�佺豢鑹蹭緵搴旈摼绠＄悊绀鸿寖浼佷笟绛夌豢鑹插埗閫犻」鐩�60瀹讹紱鑳芥晥銆佹按鏁堥璺戣�呮爣鏉嗙ず鑼冧紒涓�10瀹躲�傛瘡骞村疄鏂�50椤硅妭鑳芥敼閫犻」鐩��</p>
+
+ <h2 class="text-xl font-bold my-4">鏈川瀹夊叏姘村钩鎻愬崌宸ョ▼</h2>
+ <p class="mb-4">閲嶇偣鍦ㄥ喍閲戙�佺煶鍖栨帹骞垮簲鐢ㄨ繛缁寲銆佸井鍙嶅簲銆佽秴閲嶅姏鍙嶅簲绛夊伐鑹烘妧鏈紝鏇存柊鑰佹棫璁惧銆傛帹杩涙皯鐖嗚涓�"鏈烘鍖栨崲浜恒�佽嚜鍔ㄥ寲鍑忎汉"鍜�"鏈哄櫒浜烘浛浜�"锛屽姞澶у畨鍏ㄦ妧鏈拰瑁呭鎺ㄥ箍搴旂敤鍔涘害銆�</p>
+
+ <h2 class="text-xl font-bold my-4">鍒涙柊浜у搧鎺ㄥ箍宸ョ▼</h2>
+ <p class="mb-4">鎺ㄥ嚭鐧炬"濂借璁°�佹柊璁捐銆佸揩璁捐"锛屾瘡骞撮�夋嫨鍗冩璁捐浜у搧鍏ュ簱鎺ㄥ箍銆傛帹鍑虹櫨涓汉宸ユ櫤鑳藉吀鍨嬪簲鐢ㄥ満鏅紝鍏ュ簱10涓競绾т互涓婁汉宸ユ櫤鑳藉簲鐢ㄥ満鏅紝鐧句釜鍘跨骇浜哄伐鏅鸿兘鍦烘櫙銆�</p>
+
+ <h2 class="text-xl font-bold my-4">宸ヤ綔淇濋殰鎺柦</h2>
+ <p class="mb-4">鍔犲己缁勭粐棰嗗锛屽悇绾у悇鏈夊叧閮ㄩ棬瑕佹繁鍒昏璇嗗ぇ瑙勬ā璁惧鏇存柊鏀归�犲伐浣滅殑鍏ㄥ眬鎬ф垬鐣ユ�ф剰涔夈�備紭鍖栬绱犱繚闅滐紝鍧氭寔"瑕佺礌璺熺潃椤圭洰璧�"銆傚己鍖栧叏鐢熷懡鍛ㄦ湡鏈嶅姟锛屽缓绔嬫妧鏀瑰崗璋冨伐浣滄満鍒讹紝寮哄寲甯傚幙鍗忓悓銆�</p>
+ `,
+ prev: {
+ id: 0,
+ title: '鍏充簬缁勭粐寮�灞�2024骞村伐涓氳蒋浠舵妧鏈垱鏂伴」鐩敵鎶ョ殑閫氱煡',
+ },
+ next: {
+ id: 2,
+ title: '2024骞村害宸ヤ笟杞欢鏈嶅姟鑳藉姏璇勪及宸ヤ綔鍚姩',
+ },
+});
+
+onMounted(() => {
+ // 杩欓噷鍙互鏍规嵁璺敱鍙傛暟鑾峰彇鏂伴椈璇︽儏
+ const newsId = route.params.id;
+ const foundNews = newsList.find(item=>item.id===newsId);
+ newsDetail.value = foundNews as any
+ // fetchNewsDetail(newsId);
+});
+</script>
+
+<style scoped>
+.prose {
+ font-size: 16px;
+ line-height: 1.75;
+ color: #374151;
+}
+
+.prose h2 {
+ margin-top: 2em;
+ margin-bottom: 1em;
+}
+
+.prose p {
+ margin-bottom: 1.25em;
+}
+</style>
diff --git a/src/views/mock/newsDetailList.ts b/src/views/mock/newsDetailList.ts
new file mode 100644
index 0000000..46f9322
--- /dev/null
+++ b/src/views/mock/newsDetailList.ts
@@ -0,0 +1,159 @@
+export const newsList = [
+ {
+ "id": "3",
+ "title": "2024骞磋澶囨洿鏂颁笌娑堣垂鍝佷互鏃ф崲鏂版垚鏁堟樉钁�",
+ "date": "2025-02-10",
+ "source": "鍥藉鍙戞敼濮�",
+ "views": 1234,
+ "content": `
+ <p class="mb-4">鍥藉鍙戞敼濮旇繎鏃ュ甯冿紝鎺ㄥ姩澶ц妯¤澶囨洿鏂板強娑堣垂鍝佷互鏃ф崲鏂板湪2024骞村彇寰楁樉钁楁垚缁╋紝杩欐槸閽堝楂樿川閲忓彂灞曚綔鍑虹殑閲嶈鍐崇瓥銆傚叏骞寸殑鏀跨瓥鎺ㄥ姩涓嬶紝璁惧宸ュ櫒鍏疯喘缃姇璧勫悓姣斿闀�15.7%锛岃础鐚巼楂樿揪67.6%銆�</p>
+
+ <h2 class="text-xl font-bold my-4">璁惧鏇存柊琛屽姩鎴愭晥</h2>
+ <p class="mb-4">鍦ㄨ澶囨洿鏂拌鍔ㄤ腑锛岃秴杩�1500浜垮厓鐨勮秴闀挎湡鐗瑰埆鍥藉�鸿祫閲戣鍒嗛厤浜�4600澶氫釜璁惧鏇存柊椤圭洰锛屾秹鍙婂伐涓氥�佷氦閫氬拰鑰佹棫鐢垫棰嗗煙銆傛洿鏂版暟閲忔柟闈紝鑰佹棫钀ヨ繍璐ц溅鍜屾柊鑳芥簮鍏氦杞︾殑鎶ュ簾鏇存柊鍒嗗埆杈惧埌55.6涓囧彴鍜�7.2涓囧彴銆傚叏鍥借澶囨洿鏂版�婚噺棰勮瓒呰繃2000涓囧彴锛堝锛夛紝褰㈡垚鐨勮妭鑳介噺绾︿负2500涓囧惃鏍囧噯鐓わ紝鍔╁姏鏈夋晥鎶曡祫鐨勬墿澶с��</p>
+
+ <h2 class="text-xl font-bold my-4">娑堣垂鍝佷互鏃ф崲鏂版垚鏋�</h2>
+ <p class="mb-4">涓庢鍚屾椂锛屾秷璐瑰搧浠ユ棫鎹㈡柊鐨勬斂绛栦篃鍙栧緱浜嗕竴瀹氭垚鏁堬紝淇冭繘姹借溅銆佸鐢电瓑娑堣垂鍝侀攢鍞瓒呰繃1.3涓囦嚎鍏冦�備互鏃ф崲鏂版苯杞﹂攢閲忚秴杩�680涓囪締锛岄攢鍞杈惧埌9200浜垮厓銆傚鐢甸攢鍞柟闈紝3700涓囧悕娑堣垂鑰呰喘涔颁簡6200澶氫竾鍙扮殑瀹剁數浜у搧锛屽鐢甸浂鍞鍚屾瘮澧為暱12.3%锛岃〃鏄庢秷璐瑰競鍦洪�愭鍥炴殩銆�</p>
+
+ <h2 class="text-xl font-bold my-4">鍥炴敹寰幆鍒╃敤鎯呭喌</h2>
+ <p class="mb-4">鍥炴敹寰幆鍒╃敤鏂归潰锛�2024骞村叏鍥芥柊澧炴櫤鑳藉寲绀惧尯鍥炴敹璁炬柦绐佺牬1.1涓囦綑涓紝搴熸棫瀹剁數鍥炴敹閲忚秴杩�63涓囧惃锛屾満鍔ㄨ溅鍥炴敹閲忚揪846涓囪締锛屾爣蹇楃潃璧勬簮鍒╃敤鏁堢巼鐨勬彁鍗囥�傛澶栵紝10绉嶄富瑕佸啀鐢熻祫婧愬洖鏀跺埄鐢ㄤ篃鍚屾瘮澧為暱7.2%銆�</p>
+
+ <h2 class="text-xl font-bold my-4">鏍囧噯鎻愬崌涓庢�讳綋褰卞搷</h2>
+ <p class="mb-4">鏍囧噯鎻愬崌琛屽姩鏂归潰锛岄噸鐐归鍩熻鍒掑彂甯�294椤瑰浗瀹舵爣鍑嗭紝浠ユ帹鍔ㄩ珮鏁堝惊鐜埄鐢ㄥ拰姹℃煋鐗╁噺鎺掞紝纭繚娑堣垂鍝佺殑璐ㄩ噺涓庡畨鍏ㄤ笉鏂彁鍗囥�傛�讳綋鏉ョ湅锛�2024骞寸殑鐩稿叧鏀跨瓥瀵逛績杩涙姇璧勩�佹秷璐广�佺幆淇濆潎浜х敓浜嗙Н鏋佸奖鍝嶏紝鍔╁姏浜庝腑鍥界粡娴庣殑缁胯壊杞瀷銆�</p>
+ `,
+ "prev": {
+ "id": 0,
+ "title": "鍏充簬缁勭粐寮�灞�2024骞村伐涓氳蒋浠舵妧鏈垱鏂伴」鐩敵鎶ョ殑閫氱煡"
+ },
+ "next": {
+ "id": 2,
+ "title": "2024骞村害宸ヤ笟杞欢鏈嶅姟鑳藉姏璇勪及宸ヤ綔鍚姩"
+ }
+ },
+ {
+ "id": "1",
+ "title": "涓婃捣甯傜粡娴庝俊鎭寲濮斿叧浜庡緛闆嗙敤鑳借澶囨洿鏂颁緵搴旈摼骞冲彴鐨勯�氱煡",
+ "date": "2025-02-07",
+ "source": "涓婃捣甯傜粡娴庡拰淇℃伅鍖栧鍛樹細",
+ "views": 1234,
+ "content": `
+ <p class="mb-4">鏍规嵁銆婃帹鍔ㄥぇ瑙勬ā璁惧鏇存柊鍜屾秷璐瑰搧浠ユ棫鎹㈡柊琛屽姩鏂规銆� 锛堝浗鍙戙��2024銆�7鍙凤級鍙娿�婁笂娴峰競宸ヤ笟閫氫俊涓氱敤璁惧鏇存柊涓撻」鎵舵寔瀹炴柦缁嗗垯銆嬶紙娌粡淇¤鑼冦��2025銆�1鍙凤級鏈夊叧瑕佹眰锛屼笂娴峰競缁忔祹淇℃伅鍖栧寰侀泦涓�鎵圭敤鑳借澶囨洿鏂扮殑涓撶敤宸ヤ笟鍝佷緵搴旈摼骞冲彴锛堜互涓嬬畝绉板钩鍙颁紒涓氾級锛屽弬涓�"涓婃捣甯傚伐涓氶�氫俊涓氱敤鑳借澶囨洿鏂颁笓椤规壎鎸�"宸ヤ綔銆傚叿浣撻�氱煡濡備笅锛�</p>
+
+ <h2 class="text-xl font-bold my-4">涓�銆佹姤鍚嶆潯浠�</h2>
+ <p class="mb-4">锛堜竴锛変粠浜嬪伐涓氶�氫俊涓氱敤鑳借澶囩粡钀ョ殑涓撶敤宸ヤ笟鍝佷緵搴旈摼骞冲彴銆�</p>
+ <p class="mb-4">锛堜簩锛� 寤鸿"涓婃捣甯傚伐涓氶�氫俊涓氱敤鑳借澶囨洿鏂颁笓椤规壎鎸�"绾夸笂涓撳尯锛岄攢鍞�婁笂娴峰競宸ヤ笟閫氫俊涓氱敤鑳借澶囨洿鏂颁笓椤规壎鎸佸疄鏂界粏鍒欍�嬩腑鎵�鏀寔浜у搧銆�</p>
+ <p class="mb-4">锛堜笁锛夊钩鍙颁紒涓氭牴鎹姹傚崗鍔╁紑灞曠嚎涓婇噰璐澶囩殑浜у搧瀹℃牳銆佹斂绛栧浼犳帹骞跨瓑浜嬪疁锛屽苟瀹夋帓涓撻棬鍥㈤槦鍙楃悊鍜ㄨ鍜屾姇璇夊鐞嗙瓑銆�</p>
+ <p class="mb-4">锛堝洓锛夋湭琚笂娴峰競甯傚満鐩戠閮ㄩ棬鍒楀叆涓ラ噸杩濇硶澶变俊鍚嶅崟锛屾湭琚�"淇＄敤涓浗"缃戠珯鍒椾负澶变俊琚墽琛屼汉銆�</p>
+
+ <h2 class="text-xl font-bold my-4">浜屻�佹姤鍚嶉』鐭�</h2>
+ <p class="mb-4">骞冲彴浼佷笟椤诲畬鎴�"涓婃捣甯傚伐涓氶�氫俊涓氱敤鑳借澶囨洿鏂颁笓椤规壎鎸�"涓撳尯寤鸿锛屽苟鍦ㄤ笓鍖轰腑鏄庣‘鏀跨瓥閫傜敤鐨勮澶囧強鐩稿叧淇℃伅銆�</p>
+ <p class="mb-4">骞冲彴浼佷笟椤讳互鏈紒涓氬悕涔夋敹閾跺苟寮�鍏峰彂绁紝鎸夎姹傚皢寮�绁ㄤ俊鎭�佽澶囦俊鎭�佽澶囪喘涔颁紒涓氫俊鎭瓑姹囨�昏嚦甯傜粡娴庝俊鎭寲濮斻��</p>
+ <p class="mb-4">鎶ュ悕鍜ㄨ鐢佃瘽锛氭瘺淇婇箯 甯傜粡娴庝俊鎭寲濮斾骇涓氱豢鑹茶浆鍨嬪拰鍙戝睍澶� 23119418</p>
+
+ <h2 class="text-xl font-bold my-4">涓夈�佹姤鍚嶆潗鏂�</h2>
+ <p class="mb-4">锛堜竴锛夌敵璇疯〃锛堥檮浠�1锛夈��</p>
+ <p class="mb-4">锛堜簩锛夋壙璇轰功锛堥檮浠�2锛夈��</p>
+ <p class="mb-4">锛堜笁锛夎惀涓氭墽鐓с��</p>
+ <p class="mb-4">锛堝洓锛夊弬涓庡疄鏂�"涓婃捣甯傚伐涓氶�氫俊涓氱敤鑳借澶囨洿鏂颁笓椤规壎鎸�"鐨勫伐浣滄柟妗堝拰閫傜敤鍟嗗搧鎶ュ琛紙闄勪欢3锛夈��</p>
+ <p class="mb-4">浠ヤ笂鏉愭枡涓�寮忎簲浠斤紝鍔犵洊鍗曚綅鍏珷鍚庝簬2025骞�2鏈�14鏃ュ墠缁熶竴浜よ嚦涓�闂ㄥ紡鍙楃悊绐楀彛锛堣櫣鍙ｅ尯涓北鍖椾竴璺�121鍙蜂笂娴峰競鑳芥晥涓績澶фゼ1妤硷級銆�</p>
+ <p class="mb-4">鍙楃悊鏃堕棿锛氭瘡鍛ㄤ簩銆佸懆鍥涗笅鍗�13:30-16:30銆�</p>
+
+ <h2 class="text-xl font-bold my-4">鍥涖�佸悕鍗曞叕绀�</h2>
+ <p class="mb-4">甯傜粡娴庝俊鎭寲濮斿鍒濆绗﹀悎鏉′欢鐨勫钩鍙颁紒涓氬悕鍗曡繘琛屽叕绀恒�傚叕绀烘湡鍐呮棤寮傝鎴栧紓璁笉鎴愮珛鐨勶紝灏嗗叕甯冨钩鍙颁紒涓氬悕鍗曘��</p>
+
+ <h2 class="text-xl font-bold my-4">浜斻�佸弬涓庤姹�</h2>
+ <p class="mb-4">骞冲彴浼佷笟搴旀寜鐓ц姹傚弬涓�"涓婃捣甯傚伐涓氶�氫俊涓氱敤鑳借澶囨洿鏂颁笓椤规壎鎸�"鐨勫疄鏂斤紝閰嶅悎鍋氬ソ钀ラ攢瀹ｄ紶锛涗弗鏍奸伒寰悎娉曘�佽嚜鎰裤�佸叕骞炽�佽瘹淇″師鍒欙紝淇濊瘉鍟嗗搧鍜屾湇鍔¤川閲忥紱涓嶄负浼佷笟浜彈琛ヨ创鏀跨瓥澧炶浠讳綍闄勫姞鏉′欢锛岃嚜瑙夋姷鍒跺鍒╁鐜拌涓恒��</p>
+ <p class="mb-4">濡傚瓨鍦ㄨ繚娉曡繚瑙勮涓猴紝鍙栨秷璇ュ钩鍙颁紒涓氬弬涓�"涓婃捣甯傚伐涓氶�氫俊涓氱敤鑳借澶囨洿鏂颁笓椤规壎鎸�"鐨勮祫鏍硷紝鎯呰妭涓ラ噸鐨勪緷娉曡拷绌剁浉搴旇矗浠汇��</p>
+ `,
+ "prev": {
+ "id": 0,
+ "title": "鍏充簬缁勭粐寮�灞�2024骞村伐涓氳蒋浠舵妧鏈垱鏂伴」鐩敵鎶ョ殑閫氱煡"
+ },
+ "next": {
+ "id": 2,
+ "title": "2024骞村害宸ヤ笟杞欢鏈嶅姟鑳藉姏璇勪及宸ヤ綔鍚姩"
+ }
+ },
+ {
+ "id": "2",
+ "title": "鍔涘害鏇村ぇ銆佽寖鍥存洿骞匡紒娴欐睙澶ц妯′互鏃ф崲鏂版柟妗堝叕甯�",
+ "date": "2025-02-08",
+ "source": "缁嶅叴鍙戝竷",
+ "views": 1234,
+ "content": `
+ <p class="mb-4">鏃ュ墠锛岀渷鍙戝睍鏀归潻濮斻�佺渷璐㈡斂鍘呭嵃鍙戙��2025骞存禉姹熺渷鎺ㄥ姩澶ц妯¤澶囨洿鏂板拰娑堣垂鍝佷互鏃ф崲鏂板疄鏂芥柟妗堛�嬶紝浠ユ洿澶у姏搴︺�佹洿澶ц寖鍥淬�佹洿浼樻湇鍔℃儬浼佸埄姘戜究姘戙��</p>
+
+ <h2 class="text-xl font-bold my-4">娣卞叆瀹炴柦璁惧鏇存柊琛屽姩</h2>
+ <p class="mb-4">钀藉疄瓒呴暱鏈熺壒鍒浗鍊鸿祫閲戞敮鎸佽澶囨洿鏂伴」鐩斂绛栵紝鏀寔鑼冨洿鎵╁ぇ鑷崇數瀛愪俊鎭�佸畨鍏ㄧ敓浜с�佽鏂藉啘涓氱瓑棰嗗煙銆備互宸ヤ笟鍥尯銆佷骇涓氶泦缇や负杞戒綋锛屾暣浣撻儴缃插苟瑙勬ā鍖栧疄鏂借澶囨洿鏂般��</p>
+ <p class="mb-4">鐢ㄥソ鍥藉鐩存帴瀹夋帓瓒呴暱鏈熺壒鍒浗鍊鸿祫閲戯紝鎻愭爣鎵╅潰鏀寔鑰佹棫钀ヨ繍璐ц溅鍜屽啘涓氭満姊版姤搴熸洿鏂般�佹柊鑳芥簮鍩庡競鍏氦杞﹀強鍔ㄥ姏鐢垫睜鏇存柊銆�</p>
+ <p class="mb-4">鍔犲揩钀藉疄銆婃禉姹熺渷鎺ㄥ姩澶ц妯¤澶囨洿鏂板拰娑堣垂鍝佷互鏃ф崲鏂拌嫢骞蹭妇鎺�嬶紙娴欐斂鍙戙��2024銆�10鍙凤級鏄庣‘鐨勮澶囨洿鏂伴鍩�2027骞寸洰鏍囦换鍔★紝2025骞村姏浜夊畬鎴愰噸鐐归鍩熻澶囪鏂芥洿鏂版敼閫�60涓囧彴锛堝锛夈��</p>
+ <p class="mb-4">鍔犲ぇ瀵圭粡钀ヤ富浣撹澶囨洿鏂板拰鎶�鏈敼閫犺捶娆炬姇鏀惧姏搴︼紝杩涗竴姝ラ檷浣庣粡钀ヤ富浣撹澶囨洿鏂拌瀺璧勬垚鏈�傚埗瀹氬疄鏂借瀺璧勭璧佹敮鎸佽澶囨洿鏂板鍔卞疄鏂界粏鍒欙紝2025骞存姇鏀捐瀺璧勭璧佽祫閲�400浜垮厓浠ヤ笂銆�</p>
+ <p class="mb-4">鏀寔"瀹夊叏闅愭偅澶с�佽澶囪兘鑰楅珮銆佺兢浼楅渶姹傚己銆佹媺鍔ㄦ晥搴斿ソ"鐨勯噸鐐归鍩熻澶囨洿鏂般��</p>
+
+ <h2 class="text-xl font-bold my-4">娣卞叆瀹炴柦娑堣垂鍝佷互鏃ф崲鏂拌鍔�</h2>
+ <p class="mb-4">鎵╁ぇ姹借溅鎶ュ簾鏇存柊鏀寔鑼冨洿銆傚皢绗﹀悎鏉′欢鐨勫浗鍥涙帓鏀炬爣鍑嗙噧娌硅溅绾冲叆鍙敵璇锋姤搴熸洿鏂拌ˉ璐寸殑鏃ц溅鑼冨洿銆�</p>
+ <p class="mb-4">涓汉娑堣垂鑰呮姤搴�2012骞�6鏈�30鏃ワ紙鍚綋鏃ワ紝涓嬪悓锛変箣鍓嶆敞鍐岀櫥璁扮殑姹芥补涔樼敤杞︺��2014骞�6鏈�30鏃ュ墠娉ㄥ唽鐨勬煷娌瑰強鍏朵粬鐕冩枡涔樼敤杞︼紝鎴�2018骞�12鏈�31鏃ュ墠娉ㄥ唽鐧昏鐨勬柊鑳芥簮涔樼敤杞︼紝骞跺湪娴欐睙鐪佸唴璐叆銆婂噺鍏嶈溅杈嗚喘缃◣鐨勬柊鑳芥簮姹借溅杞﹀瀷鐩綍銆嬬殑鏂拌兘婧愪箻鐢ㄨ溅鎴�2.0鍗囧強浠ヤ笅鎺掗噺鐕冩补涔樼敤杞︼紝璐拱鏂拌兘婧愯溅鍗曞彴琛ヨ创2涓囧厓銆佽喘涔�2.0鍗囧強浠ヤ笅鎺掗噺鐕冩补涔樼敤杞﹀崟鍙拌ˉ璐�1.5涓囧厓銆�</p>
+ <p class="mb-4">姹借溅缃崲鏇存柊琛ヨ创鏍囧噯銆備釜浜烘秷璐硅�呰浆璁╂湰浜哄悕涓嬩箻鐢ㄨ溅锛屽苟鍦ㄦ禉姹熺渷鍐呰喘涔版柊鑳芥簮涔樼敤杞﹀崟鍙版渶楂樿ˉ璐�1.5涓囧厓锛岃喘涔扮噧娌逛箻鐢ㄨ溅鍗曞彴鏈�楂樿ˉ璐�1.3涓囧厓銆�</p>
+ <p class="mb-4">鍔犲姏鏅鸿兘瀹剁數浜у搧浠ユ棫鎹㈡柊銆傚涓汉娑堣垂鑰呰喘涔�2绾у強浠ヤ笂鑳芥晥鎴栨按鏁堟爣鍑嗙殑鐢佃鏈猴紙鍚姇褰变华锛夈�佸啺绠憋紙鍚啺鏌滐級銆佺┖璋冿紙鍚腑澶┖璋冿級銆佹礂琛ｆ満锛堝惈骞茶。鏈猴級銆佸鐢ㄧ伓鍏凤紙鍚泦鎴愮伓锛夈�佸惛娌圭儫鏈恒�佺數鑴戙�佺儹姘村櫒锛堝惈澹佹寕鐐夛級銆佹礂纰楁満銆佸噣姘村櫒銆佸井娉㈢倝銆佺數楗叢绛�12绫诲鐢典骇鍝佺粰浜�"绔嬭喘绔嬪噺"琛ヨ创銆傝ˉ璐存爣鍑嗕负浜у搧閿�鍞环鏍肩殑15%锛�1绾ц兘鏁堟垨姘存晥鏍囧噯鐨勪骇鍝侊紝琛ヨ创鏍囧噯涓轰骇鍝侀攢鍞环鏍肩殑20%銆傛瘡浣嶆秷璐硅�呮瘡绫讳骇鍝佸彲琛ヨ创1浠讹紝绌鸿皟锛堥櫎涓ぎ绌鸿皟锛夋瘡浜哄彲琛ヨ创3浠讹紝姣忎欢琛ヨ创涓嶈秴杩�2000鍏冦��</p>
+
+ <h2 class="text-xl font-bold my-4">娣卞叆瀹炴柦鍥炴敹寰幆鍒╃敤琛屽姩</h2>
+ <p class="mb-4">鎺ㄨ繘"甯傗�斿幙鈥斾埂闀団�旀潙"澶氬眰绾у洖鏀剁綉缁滀綋绯诲缓璁撅紝鍒�2025骞村簳锛岀疮璁″缓鎴愬啀鐢熻祫婧愬垎鎷ｄ腑蹇�240搴т互涓娿�佸洖鏀剁珯鐐�14000涓互涓娿�傚疄鏂�"涓ゆ柊"缁胯壊鎺ㄥ箍璁″垝锛屽紑灞�"娴欓噷鏅儬鍗冧竾瀹�"娲诲姩锛岄紦鍔卞钩鍙颁紒涓氭彁渚涗互鏃ф崲鏂�"涓�绔欏紡"鏈嶅姟銆�</p>
+ <p class="mb-4">榧撳姳"浜掕仈缃�+浜屾墜"妯″紡鍙戝睍锛屾敮鎸佸钩鍙颁紒涓氥�佺涓夋柟鏈烘瀯鎻愪緵浜屾墜鍟嗗搧璐ㄩ噺妫�楠屾湇鍔°�佷俊鎭摝闄ゆ楠屾湇鍔°�傚姞蹇祫婧愬惊鐜瀷鐢熶骇妯″紡鎺ㄥ箍锛屽埌2025骞村簳鍩硅偛"鏃犲簾宸ュ巶"2400瀹躲��"鏃犲簾闆嗗洟"50瀹躲��</p>
+
+ <h2 class="text-xl font-bold my-4">鍜ㄨ鐢佃瘽</h2>
+ <p class="mb-4">缁嶅叴甯傛湰绾э細0575-85121265锛堢患鍚堝挩璇€�佹苯杞︺�佸鐢点��3C鏁扮爜銆佸灞呫�佺數鍔ㄨ嚜琛岃溅锛�</p>
+ <p class="mb-4">瓒婂煄鍖猴細0575-88331271锛堢患鍚堝挩璇€�佹苯杞︺�佸鐢点��3C鏁扮爜銆佸灞呫�佺數鍔ㄨ嚜琛岃溅锛�</p>
+ <p class="mb-4">鏌ˉ鍖猴細0575-81161280锛堢患鍚堝挩璇€�佹苯杞︺�佸鐢点��3C鏁扮爜銆佸灞呫�佺數鍔ㄨ嚜琛岃溅锛�</p>
+ `,
+ "prev": {
+ "id": 0,
+ "title": "鍏充簬缁勭粐寮�灞�2024骞村伐涓氳蒋浠舵妧鏈垱鏂伴」鐩敵鎶ョ殑閫氱煡"
+ },
+ "next": {
+ "id": 2,
+ "title": "2024骞村害宸ヤ笟杞欢鏈嶅姟鑳藉姏璇勪及宸ヤ綔鍚姩"
+ }
+ },
+ {
+ "id": "4",
+ "title": "娉夊窞甯傚伐涓氬拰淇℃伅鍖栧眬 娉夊窞甯傝储鏀垮眬鍏充簬鍗板彂鎺ㄥ姩宸ヤ笟棰嗗煙璁惧鏇存柊宸ヤ綔瀹炴柦鏂规鐨勯�氱煡",
+ "date": "2024-10-22",
+ "source": "娉夊窞甯傚伐涓氬拰淇℃伅鍖栧眬",
+ "views": 1234,
+ "content": `
+ <p class="mb-4">缁忓競鏀垮簻鍚屾剰锛屾硥宸炲競宸ヤ笟鍜屼俊鎭寲灞�銆佹硥宸炲競璐㈡斂灞�鍗板彂銆婃帹鍔ㄥ伐涓氶鍩熻澶囨洿鏂板伐浣滃疄鏂芥柟妗堛�嬶紝瑕佹眰鍚勫幙锛堝競銆佸尯锛夋斂搴滐紝娉夊窞寮�鍙戝尯銆佹硥宸炲彴鍟嗘姇璧勫尯绠″浼氾紝甯傜洿鏈夊叧鍗曚綅璁ょ湡璐交鎵ц銆�</p>
+
+ <h2 class="text-xl font-bold my-4">宸ヤ綔鐩爣</h2>
+ <p class="mb-4">鍒�2027骞达紝鍏ㄥ競宸ヤ笟棰嗗煙璁惧鎶曡祫瑙勬ā杈�2023骞村闀�25%浠ヤ笂锛涢噸鐐硅涓氫富瑕佺敤鑳借澶囪兘鏁堝熀鏈揪鍒拌妭鑳芥按骞筹紝瑙勬ā浠ヤ笂宸ヤ笟浼佷笟鏁板瓧鍖栫爺鍙戣璁″伐鍏锋櫘鍙婄巼瓒呰繃90%锛屽叧閿伐搴忔暟鎺у寲鐜囪秴杩�75%锛岃緝2023骞存彁楂�5涓櫨鍒嗙偣浠ヤ笂锛屽疄鐜板ぇ鍨嬩紒涓氭暟瀛楀寲鏀归�犲叏瑕嗙洊锛屽畬鎴愬垱寤哄浗瀹剁骇鎶�鏈敼閫犺瘯鐐瑰煄甯傘��</p>
+
+ <h2 class="text-xl font-bold my-4">閲嶇偣琛屼笟璁惧鏇存柊鏀归�犲伐绋�</h2>
+ <p class="mb-4">鍥寸粫50鏉″幙鍩熼噸鐐逛骇涓氶摼锛屾帹鍔ㄧ煶鍖栥�佽澶囥�佺汉缁囬瀷鏈嶃�佸缓鏉愮瓑琛屼笟鎺ㄥ箍楂樼鏅鸿兘鎴愬瑁呭銆傜煶鍖栬涓氬姞蹇櫨涓囧惃绾уぇ鍨嬩箼鐑垚濂楄澶囨洿鏂帮紱寤烘潗琛屼笟鍔犲揩澶у瀷鏁版帶鐭虫潗缁抽敮銆佺煶鑻辩煶鍔犲伐涓績绛夎澶囨洿鏂帮紱鍗敓闄剁摲浣跨敤鐢电儳杈婇亾绐戠瓑瑁呭鏇存柊銆�</p>
+ <p class="mb-4">鍏呭垎鍙戞尌璇曠偣鍩庡競涓ぎ璐㈡斂涓撻」琛ュ姪璧勯噾鐨勫紩瀵间綔鐢紝缁勭粐瀹炴柦璁惧鏇存柊鏀归�犻」鐩粠20涓墿灞曞埌300涓互涓娿�傚埌2027骞达紝瀹炴柦宸ヤ笟棰嗗煙璁惧鏇存柊450椤逛互涓婏紝鎶曡祫绱杈惧埌700浜垮厓浠ヤ笂銆�</p>
+
+ <h2 class="text-xl font-bold my-4">鏁版櫤璁惧鍜岃蒋浠舵櫘鍙婃帹骞垮伐绋�</h2>
+ <p class="mb-4">鎺ㄥ姩浜哄伐鏅鸿兘鎶�鏈簲鐢ㄤ簬浼佷笟鐮斿彂璁捐銆佷腑璇曢獙璇併�佺敓浜у埗閫犵瓑鐜妭锛屽姏浜夊埌2027骞村勾搴曪紝鎺ㄥ姩瀹炴柦50涓汉宸ユ櫤鑳藉吀鍨嬮」鐩�傚煿鑲茶鍗曟暟鎹┍鍔ㄣ�佹妧鏈钩鍙拌祴鑳姐�佸叡浜埗閫犱腑蹇冪瓑14涓吀鍨嬫ā寮忋��</p>
+
+ <h2 class="text-xl font-bold my-4">绉戞妧鐮斿彂璁惧鏇存柊宸ョ▼</h2>
+ <p class="mb-4">鏀寔寤鸿涓瘯骞冲彴锛屽缁忚瀹氱殑涓瘯楠岃瘉骞冲彴锛堝熀鍦帮級锛屾寜闈炶储鏀胯祫閲戣喘缃澶囪蒋浠惰垂鐢ㄧ殑30%锛岀粰浜堜笉瓒呰繃500涓囧厓琛ュ姪銆傛敮鎸佸伐绋嬬爺绌朵腑蹇冦�佷紒涓氭妧鏈腑蹇冪瓑甯﹀ご鏇存柊鍏抽敭鎬ラ渶浠櫒璁惧銆�</p>
+
+ <h2 class="text-xl font-bold my-4">缁胯壊璁惧鎺ㄥ箍宸ョ▼</h2>
+ <p class="mb-4">鎺ㄥ姩鐭冲寲銆佸缓鏉愩�佺汉缁囩瓑琛屼笟缁胯壊鍖栨敼閫狅紝鍒�2027骞存柊澧炵豢鑹插伐鍘傘�佺豢鑹蹭緵搴旈摼绠＄悊绀鸿寖浼佷笟绛夌豢鑹插埗閫犻」鐩�60瀹讹紱鑳芥晥銆佹按鏁堥璺戣�呮爣鏉嗙ず鑼冧紒涓�10瀹躲�傛瘡骞村疄鏂�50椤硅妭鑳芥敼閫犻」鐩��</p>
+
+ <h2 class="text-xl font-bold my-4">鏈川瀹夊叏姘村钩鎻愬崌宸ョ▼</h2>
+ <p class="mb-4">閲嶇偣鍦ㄥ喍閲戙�佺煶鍖栨帹骞垮簲鐢ㄨ繛缁寲銆佸井鍙嶅簲銆佽秴閲嶅姏鍙嶅簲绛夊伐鑹烘妧鏈紝鏇存柊鑰佹棫璁惧銆傛帹杩涙皯鐖嗚涓�"鏈烘鍖栨崲浜恒�佽嚜鍔ㄥ寲鍑忎汉"鍜�"鏈哄櫒浜烘浛浜�"锛屽姞澶у畨鍏ㄦ妧鏈拰瑁呭鎺ㄥ箍搴旂敤鍔涘害銆�</p>
+
+ <h2 class="text-xl font-bold my-4">鍒涙柊浜у搧鎺ㄥ箍宸ョ▼</h2>
+ <p class="mb-4">鎺ㄥ嚭鐧炬"濂借璁°�佹柊璁捐銆佸揩璁捐"锛屾瘡骞撮�夋嫨鍗冩璁捐浜у搧鍏ュ簱鎺ㄥ箍銆傛帹鍑虹櫨涓汉宸ユ櫤鑳藉吀鍨嬪簲鐢ㄥ満鏅紝鍏ュ簱10涓競绾т互涓婁汉宸ユ櫤鑳藉簲鐢ㄥ満鏅紝鐧句釜鍘跨骇浜哄伐鏅鸿兘鍦烘櫙銆�</p>
+
+ <h2 class="text-xl font-bold my-4">宸ヤ綔淇濋殰鎺柦</h2>
+ <p class="mb-4">鍔犲己缁勭粐棰嗗锛屽悇绾у悇鏈夊叧閮ㄩ棬瑕佹繁鍒昏璇嗗ぇ瑙勬ā璁惧鏇存柊鏀归�犲伐浣滅殑鍏ㄥ眬鎬ф垬鐣ユ�ф剰涔夈�備紭鍖栬绱犱繚闅滐紝鍧氭寔"瑕佺礌璺熺潃椤圭洰璧�"銆傚己鍖栧叏鐢熷懡鍛ㄦ湡鏈嶅姟锛屽缓绔嬫妧鏀瑰崗璋冨伐浣滄満鍒讹紝寮哄寲甯傚幙鍗忓悓銆�</p>
+ `,
+ "prev": {
+ "id": 0,
+ "title": "鍏充簬缁勭粐寮�灞�2024骞村伐涓氳蒋浠舵妧鏈垱鏂伴」鐩敵鎶ョ殑閫氱煡"
+ },
+ "next": {
+ "id": 2,
+ "title": "2024骞村害宸ヤ笟杞欢鏈嶅姟鑳藉姏璇勪及宸ヤ綔鍚姩"
+ }
+ }
+]
--
Gitblit v1.9.3