Quellcode durchsuchen

🐛 fix(components): 修复政策资讯卡片图片显示问题

- 修改图片获取逻辑,直接使用images字段而非分割处理
- 使用统一的PLACEHOLDER_IMAGE常量替代硬编码路径

📝 docs(data): 更新政策资讯模拟数据

- 将模拟数据类型从PolicyNews改为PolicyNewsItem
- 替换所有图片路径为可访问的在线图片URL
- 简化第二条新闻内容,删除冗余信息
- 添加统一的占位图片配置常量PLACEHOLDER_IMAGE

♻️ refactor(pages): 优化政策资讯详情页图片处理逻辑

- 简化图片数组生成逻辑,直接将图片路径包装为数组
- 移除多余的getImages函数,减少代码复杂度
yourname vor 7 Monaten
Ursprung
Commit
5b61a14b3c

+ 4 - 3
src/client/mobile/components/PolicyNewsCard.tsx

@@ -1,7 +1,8 @@
-import React from 'react';
+import React, { useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { CalendarDaysIcon, EyeIcon } from '@heroicons/react/24/outline';
 import type { PolicyNewsItem } from '@/client/mobile/hooks/usePolicyNewsData';
+import { PLACEHOLDER_IMAGE } from '@/client/mobile/data/mockPolicyNewsData';
 
 // 水墨风格颜色配置
 const COLORS = {
@@ -41,9 +42,9 @@ const PolicyNewsCard: React.FC<PolicyNewsCardProps> = ({ news, onClick }) => {
 
   const getFirstImage = () => {
     if (news.images) {
-      return news.images.split(',')[0];
+      return news.images;
     }
-    return '/images/placeholder-banner.jpg';
+    return PLACEHOLDER_IMAGE;
   };
 
   const formatDate = (date: string | Date) => {

+ 15 - 12
src/client/mobile/data/mockPolicyNewsData.ts

@@ -1,14 +1,14 @@
-import { PolicyNews } from '@/server/modules/silver-users/policy-news.entity';
+import type { PolicyNewsItem } from '@/client/mobile/hooks/usePolicyNewsData';
 
-// 政策资讯模拟数据(6组)
-export const mockPolicyNews: PolicyNews[] = [
+// 政策资讯模拟数据(6组)- 使用可显示的图片
+export const mockPolicyNews: PolicyNewsItem[] = [
   {
     id: 1,
     newsTitle: "2025年最新养老政策全面解读",
     newsContent: "国务院办公厅近日印发《关于积极应对人口老龄化的实施意见》,提出了一系列支持银龄群体的新政策。文件明确,到2025年,基本建成覆盖城乡、功能完善、规模适度、医养结合的养老服务体系。具体包括:提高基础养老金标准,完善长期护理保险制度,推进智慧养老服务平台建设,鼓励社会力量参与养老服务供给。同时,支持银龄人才再就业,建立灵活就业机制,为低龄健康老年人提供更多就业机会。",
     publishTime: new Date("2025-07-20T09:00:00Z"),
     viewCount: 1258,
-    images: "/images/policy1.jpg,/images/policy1-1.jpg",
+    images: "https://images.unsplash.com/photo-1559757148-5c350d0d3c56?w=400&h=250&fit=crop",
     summary: "2025年养老政策重大调整,涉及养老金、医疗保障、社区服务等多个方面",
     source: "中国政府网",
     category: "政策法规",
@@ -20,10 +20,10 @@ export const mockPolicyNews: PolicyNews[] = [
   {
     id: 2,
     newsTitle: "银龄就业促进法草案征求意见",
-    newsContent: "为充分发挥银龄人才资源优势,国家拟制定《银龄就业促进法》。草案明确禁止年龄歧视,要求用人单位不得设置不合理的年龄限制。建立银龄人才信息库,推动人才与企业精准对接。鼓励企业设立银龄岗位,给予税收优惠。完善银龄劳动者权益保护,包括工伤保险、职业培训等配套措施。同时建立银龄创业支持体系,提供创业指导、资金支持和场地保障。",
+    newsContent: "为充分发挥银龄人才资源优势,国家拟制定《银龄就业促进法》。草案明确禁止年龄歧视,要求用人单位不得设置不合理的年龄限制。建立银龄人才信息库,推动人才与企业精准对接。鼓励企业设立银龄岗位,给予税收优惠。完善银龄劳动者权益保护,包括工伤保险、职业培训等配套措施。",
     publishTime: new Date("2025-07-18T14:30:00Z"),
     viewCount: 892,
-    images: "/images/policy2.jpg",
+    images: "https://images.unsplash.com/photo-1522202176988-66273c2fd55f?w=400&h=250&fit=crop",
     summary: "银龄就业促进法草案公开征求意见,重点关注反年龄歧视和就业保障",
     source: "人社部官网",
     category: "就业政策",
@@ -38,7 +38,7 @@ export const mockPolicyNews: PolicyNews[] = [
     newsContent: "住建部发布《社区养老服务设施规划建设标准》,对社区养老服务设施的规划、建设、运营提出明确要求。新标准规定:新建小区按每万人不少于200平方米配建养老服务设施;老旧小区通过改造补充设施缺口;设施应包括日间照料、助餐服务、康复护理、文化娱乐等功能;鼓励采用智能化设备提升服务质量;建立设施运营评估机制,确保服务质量达标。",
     publishTime: new Date("2025-07-15T10:15:00Z"),
     viewCount: 567,
-    images: "/images/policy3.jpg,/images/policy3-1.jpg,/images/policy3-2.jpg",
+    images: "https://images.unsplash.com/photo-1441974231531-c6227db76b6e?w=400&h=250&fit=crop",
     summary: "社区养老服务设施建设有了新标准,要求每万人不少于200平方米",
     source: "住建部官网",
     category: "社区建设",
@@ -53,7 +53,7 @@ export const mockPolicyNews: PolicyNews[] = [
     newsContent: "工信部联合多部门印发《智慧养老产业发展三年行动计划(2025-2027年)》,提出到2027年,智慧养老产业规模突破5万亿元。重点任务包括:开发适老化智能产品,建立智慧养老服务平台,推进AI、物联网、5G等技术在养老领域的应用;建设智慧养老示范区;完善智慧养老标准体系;支持企业加大研发投入,对符合条件的智慧养老产品给予税收优惠。",
     publishTime: new Date("2025-07-12T08:30:00Z"),
     viewCount: 743,
-    images: "/images/policy4.jpg",
+    images: "https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=400&h=250&fit=crop",
     summary: "智慧养老产业迎来政策红利期,重点支持AI、物联网等技术在养老领域应用",
     source: "工信部官网",
     category: "产业发展",
@@ -68,7 +68,7 @@ export const mockPolicyNews: PolicyNews[] = [
     newsContent: "国家卫健委发布《银龄健康管理体系建设指导意见》,提出建立覆盖城乡的银龄健康管理体系。主要内容包括:为65岁以上老年人建立健康档案,提供年度免费体检;开展慢性病筛查和干预;建立家庭医生签约服务制度;推进医养结合机构建设;完善老年人紧急医疗救助网络;支持社会力量举办老年病医院、康复医院、护理院等医疗机构。",
     publishTime: new Date("2025-07-10T15:45:00Z"),
     viewCount: 456,
-    images: "/images/policy5.jpg,/images/policy5-1.jpg",
+    images: "https://images.unsplash.com/photo-1576091160399-112ba8d25d1d?w=400&h=250&fit=crop",
     summary: "构建覆盖全国的银龄健康管理体系,实现健康档案、慢病管理、紧急救助一体化",
     source: "国家卫健委",
     category: "健康政策",
@@ -83,7 +83,7 @@ export const mockPolicyNews: PolicyNews[] = [
     newsContent: "《老年教育促进条例》于2025年7月1日起正式施行,条例明确了老年教育的地位、政府职责、保障措施等内容。条例规定:县级以上人民政府应当加强老年教育工作统筹规划;鼓励普通高等学校、职业院校开设老年教育专业;支持社会力量举办老年教育机构;建立老年教育师资培训体系;将老年教育经费列入财政预算;推动优质老年教育资源向基层延伸。",
     publishTime: new Date("2025-07-01T09:00:00Z"),
     viewCount: 1203,
-    images: "/images/policy6.jpg",
+    images: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=250&fit=crop",
     summary: "老年教育促进条例正式施行,保障老年人受教育权利,推动终身学习体系建设",
     source: "全国人大网",
     category: "教育政策",
@@ -111,5 +111,8 @@ export const getPolicyNewsByViews = () => {
 
 // 按时间排序(最新优先)
 export const getPolicyNewsByDate = () => {
-  return [...mockPolicyNews].sort((a, b) => b.publishTime.getTime() - a.publishTime.getTime());
-};
+  return [...mockPolicyNews].sort((a, b) => new Date(b.publishTime).getTime() - new Date(a.publishTime).getTime());
+};
+
+// 统一的占位图片配置
+export const PLACEHOLDER_IMAGE = 'https://images.unsplash.com/photo-1560472354-b33ff0c44a43?w=400&h=250&fit=crop';

+ 1 - 6
src/client/mobile/pages/PolicyNewsDetailPage.tsx

@@ -119,12 +119,7 @@ const PolicyNewsDetailPage: React.FC = () => {
     });
   };
 
-  const getImages = () => {
-    if (!news.images) return [];
-    return news.images.split(',').filter(img => img.trim());
-  };
-
-  const images = getImages();
+  const images = news.images ? [news.images] : [];
 
   return (
     <div className="min-h-screen pb-16" style={{ backgroundColor: COLORS.ink.light }}>