修改布局

src/views/news/detail.vue

@@ -2,8 +2,8 @@
 import {onMounted, ref} from 'vue'
 import {useRoute, useRouter} from 'vue-router'
 
-import {getNewsDetail} from '@/api/index'
 import {ElMessage} from 'element-plus'
+import {list as mockList, newsDetail as mockDetail} from './mock.js'
 
 const route = useRoute()
 const detail = route.query

src/views/news/index.vue

@@ -6,11 +6,10 @@ import Swiper from '@/components/Swiper/index.vue'
 import {useRouter} from 'vue-router'
 import {onBeforeRouteLeave} from 'vue-router'
 import {getNews} from '@/api/index'
-import {fontSize} from '@/utils'
 
 const currentPage = ref(1)
 const showLoad = ref(true)
-const containerWidth = ref(fontSize(1700))
+const containerWidth = ref(1700)
 const containerHeight = computed(() => {
   if (newList.value.length > 0) {
     return 350 * newList.value.length

src/views/news/mock.js

@@ -1,39 +1,33 @@
 export const list = [
   {
-    id: 1,
-    imgUrl: 'news/1.png',
-    label: '低空经济：撬动社会发展的新支点',
-    time: '2025年9月4日',
-    subLabel: '',
-    content:
-      '当无人机掠过城市天际线，当“空中出租车”从科幻走入现实，当农业植保进入精准智能时代——一个曾经被重力束缚的经济空间正被彻底打开。低空经济，这片离地千米以下的“黄金空域”，不再只是飞鸟与云朵的领地，而正成为推动社会发展的新引擎，重塑着我们的生产生活方式与城市肌理。',
+    id: 3,
+    title: 'Remote ID与无人机防碰撞技术：从长春航展相撞事件看低空安全未来',
+    slug: 'a5caa86d51984028b2b3fca83946e063',
+    cover_image: '/api/download/img/007c3bf8e3414783878bb33282088db3.png',
+    snapshot:
+      '2025年9月长春航展上，两架小鹏汇天eVTOL飞行器在编队演练中因间距不足发生接触并起火，虽无人员伤亡，却暴露出低空飞行器在避障能力与空域协同管理上的短板；在此背景下，Remote ID“电子车牌”技术、多源融合的防撞系统以及分层智能监管平台正成为构建低空安全体系的关键支撑，而国家标准GB 42590-2023的实施更标志着我国低空经济正从高速发展迈向安全优先、规范有序的新阶段。',
+    status: 'published',
+    datetime: '2025-09-30',
   },
   {
     id: 2,
-    imgUrl: 'news/2.png',
-    label: '中国低空经济：从概念起飞到加速“抢飞”的万亿新赛道',
-    time: '2025年8月29日',
-    subLabel: '',
-    content:
-      '2025年，中国的低空经济已不再是停留在纸面的概念或未来的愿景，而是进入了高速发展的“起飞”阶段。从国家顶层设计到地方实践探索，从技术突破到应用场景落地，低空经济正以惊人的速度重塑产业格局，成为培育“新质生产力”的关键领域和推动经济增长的新引擎。',
+    title: '无人机强制国标实施，低空安全监管迎来新篇章',
+    slug: '4b7573cfbcaa42548fc46fabe060001e',
+    cover_image: '/api/download/img/b3d9d7e210f440b781686fa0be228d6a.png',
+    snapshot:
+      '2025年8月，上海环球金融中心400米高空两架无人机相撞坠落，再次暴露“黑飞”乱象；与此同时，我国首部民用无人机强制性国家标准GB 42590-2023已于2024年6月实施，结合远程识别、飞手定位等技术及各地低空监管平台建设，无人机监管正从被动追责转向主动防控，迈向法规与技术协同守护低空安全的新阶段。',
+    status: 'published',
+    datetime: '2025-09-01',
   },
   {
-    id: 3,
-    imgUrl: 'news/3.png',
-    label: '关于当前低空经济形势发展的现状',
-    time: '2025年8月29日',
-    subLabel: '中国低空经济：从概念起飞到加速“抢飞”的万亿新赛道',
-    content:
-      '当无人机掠过城市天际线，当“空中出租车”从科幻走入现实，当农业植保进入精准智能时代——一个曾经被重力束缚的经济空间正被彻底打开。低空经济，这片离地千米以下的“黄金空域”，不再只是飞鸟与云朵的领地，而正成为推动社会发展的新引擎，重塑着我们的生产生活方式与城市肌理。',
-  },
-  {
-    id: 4,
-    imgUrl: 'news/4.png',
-    label: '关于当前低空经济形势发展的现状',
-    time: '2025年8月29日',
-    subLabel: '中国低空经济：从概念起飞到加速“抢飞”的万亿新赛道',
-    content:
-      '当无人机掠过城市天际线，当“空中出租车”从科幻走入现实，当农业植保进入精准智能时代——一个曾经被重力束缚的经济空间正被彻底打开。低空经济，这片离地千米以下的“黄金空域”，不再只是飞鸟与云朵的领地，而正成为推动社会发展的新引擎，重塑着我们的生产生活方式与城市肌理。',
+    id: 1,
+    title: '低空监管升级！无人机远程识别技术如何守护我们的隐私与安全',
+    slug: 'bd68b39a096646f189b9b5a2e9efd16c',
+    cover_image: '/api/download/img/9dd9f35298e844bda897a9b855bf484b.png',
+    snapshot:
+      '随着低空经济迅猛发展，无人机在物流、巡检、娱乐等领域广泛应用，但“黑飞”、偷拍、空中碰撞等安全与隐私风险也随之凸显。为应对挑战，公安大学低空安全研究中心推出“无人机广域识别解决方案”，依托国家强制标准Remote ID技术，实现对合作无人机的精准识别、定位与动态追踪。该方案结合低成本被动感知设备与配套预警APP，助力构建空天地一体化的三维监管体系。同时，新规强化飞手责任，严惩瞒报与违规行为。未来，全国低空智联网平台将整合审批、监视与避让技术，推动低空治理从“严控”走向“善管”，在保障安全与隐私的同时，释放低空经济更大潜能。',
+    status: 'published',
+    datetime: '2024-06-06',
   },
 ]