@lmy54321/design-system 1.2.0 → 1.3.1

package/.codebuddy/rules/init-project.mdc

@@ -93,20 +93,23 @@ cp node_modules/@lmy54321/design-system/template/index.html index.html
 cp node_modules/@lmy54321/design-system/template/vite.config.ts vite.config.ts
 cp node_modules/@lmy54321/design-system/template/tsconfig.json tsconfig.json
 
-# 复制 public 资源（manifest 等）
-cp -r node_modules/@lmy54321/design-system/template/public/* public/ 2>/dev/null || true
+# 复制 public 资源（manifest 等，图片通过 CDN 加载无需复制）
+cp node_modules/@lmy54321/design-system/template/public/manifest.json public/manifest.json 2>/dev/null || true
 
 # 删除 Vite 默认生成的无用文件
 rm -f src/App.css src/assets/react.svg public/vite.svg
 ```
 
 > **说明：** 模板包含以下路由页面，启动后可通过浏览器访问：
-> - `/` — Demo 首页（手机预览效果，含地图首页、探索、行程、我的四个 Tab）
-> - `/dev` — 开发者入口（四个功能卡片导航）
+> - `/` — 开发者入口（默认首页，四个功能卡片导航）
+> - `/dev` — 开发者入口（同上）
+> - `/demo` — Demo 手机预览（地图首页、探索、行程、我的四个 Tab）
 > - `/components` — 组件库交互式展示
 > - `/sync` — 规范同步工具
 > - `/deploy` — 部署预览
 >
+> **注意：** 模板中的图片资源通过 CDN 加载（jsDelivr + GitHub），无需在本地存放图片文件。
+>
 > **注意：** 模板中的 `src/index.css` 已配置好样式导入，不需要手动修改。不要在其中单独写 `@import "tailwindcss"`，设计系统样式内部已包含 Tailwind 初始化。
 
 ### 7. 启动开发服务器
@@ -120,8 +123,8 @@ npm run dev
 「项目已初始化完成！已加载完整的 Demo 项目，包含多个示例页面。
 
 **访问地址：**
-- 首页（手机预览）：http://localhost:5173/
-- 开发者入口：http://localhost:5173/dev
+- 开发者入口（默认首页）：http://localhost:5173/
+- Demo 手机预览：http://localhost:5173/demo
 - 组件库：http://localhost:5173/components
 
 你可以在这些 Demo 的基础上修改，或者描述你想要的新页面。」

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lmy54321/design-system",
-  "version": "1.2.0",
+  "version": "1.3.1",
   "description": "A comprehensive React component library and design system based on Tailwind CSS and Motion.",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -19,6 +19,7 @@
     "dist",
     "styles",
     "template",
+    "!template/public/images",
     ".codebuddy/rules/design-system.mdc",
     ".codebuddy/rules/init-project.mdc"
   ],

package/template/src/config/cdn.ts

@@ -0,0 +1,12 @@
+/**
+ * CDN 资源配置
+ * 图片托管在 GitHub，通过 jsDelivr CDN 全球加速访问
+ */
+
+const CDN_BASE =
+  "https://cdn.jsdelivr.net/gh/lmy910510/design-system-assets@main";
+
+/** 拼接 CDN 图片完整 URL */
+export function cdnImage(path: string): string {
+  return `${CDN_BASE}${path}`;
+}

package/template/src/index.css

@@ -1,4 +1,4 @@
-@import "@lmy54321/design-system/styles";
-
 @source "../src";
 @source "../node_modules/@lmy54321/design-system/dist";
+
+@import "@lmy54321/design-system/styles";

package/template/src/main.tsx

@@ -12,9 +12,9 @@ ReactDOM.createRoot(document.getElementById("root")!).render(
   <React.StrictMode>
     <BrowserRouter>
       <Routes>
-        {/* Demo 首页 — 手机预览的内容 */}
-        <Route path="/*" element={<App />} />
-        {/* 开发者入口 */}
+        {/* 开发者入口（默认首页） */}
+        <Route path="/" element={<DevPortal />} />
+        {/* 开发者入口别名 */}
         <Route path="/dev" element={<DevPortal />} />
         {/* 组件库展示 */}
         <Route path="/components" element={<ComponentLibrary />} />
@@ -22,6 +22,8 @@ ReactDOM.createRoot(document.getElementById("root")!).render(
         <Route path="/sync" element={<SyncTool />} />
         {/* 部署预览 */}
         <Route path="/deploy" element={<DeployPage />} />
+        {/* Demo 手机预览内容（通配符放最后作为 fallback） */}
+        <Route path="/demo/*" element={<App />} />
       </Routes>
     </BrowserRouter>
   </React.StrictMode>

package/template/src/pages/CommuteFoodPage.tsx

@@ -7,6 +7,7 @@ import { Toast } from "@lmy54321/design-system";
 import { ImageWithFallback } from "@lmy54321/design-system";
 import { IconFont } from "@lmy54321/design-system";
 import { TencentMap } from "@lmy54321/design-system";
+import { cdnImage } from "../config/cdn";
 
 /* ══════════════════════════════════════════
    数据
@@ -38,7 +39,7 @@ const brandStores: BrandStore[] = [
   {
     id: "1",
     brand: "麦当劳",
-    logo: "/images/scene/hamburger.png",
+    logo: cdnImage("/images/scene/hamburger.png"),
     branch: "人民广场店",
     distance: "3.3km",
     type: "destination",
@@ -48,7 +49,7 @@ const brandStores: BrandStore[] = [
   {
     id: "2",
     brand: "瑞幸咖啡",
-    logo: "/images/scene/pour-coffee.png",
+    logo: cdnImage("/images/scene/pour-coffee.png"),
     branch: "人民广场店",
     distance: "3.1km",
     type: "destination",
@@ -58,7 +59,7 @@ const brandStores: BrandStore[] = [
   {
     id: "3",
     brand: "达美乐披萨",
-    logo: "/images/scene/pizza.png",
+    logo: cdnImage("/images/scene/pizza.png"),
     branch: "科技广场店",
     distance: "2.6km",
     type: "enroute",
@@ -68,7 +69,7 @@ const brandStores: BrandStore[] = [
   {
     id: "4",
     brand: "奈雪の茶",
-    logo: "/images/scene/matcha.png",
+    logo: cdnImage("/images/scene/matcha.png"),
     branch: "科技广场店",
     distance: "1.3km",
     type: "nearby",
@@ -78,7 +79,7 @@ const brandStores: BrandStore[] = [
   {
     id: "5",
     brand: "星巴克",
-    logo: "/images/scene/cafe.png",
+    logo: cdnImage("/images/scene/cafe.png"),
     branch: "CBD中心店",
     distance: "2.9km",
     type: "destination",
@@ -88,7 +89,7 @@ const brandStores: BrandStore[] = [
   {
     id: "6",
     brand: "肯德基",
-    logo: "/images/scene/hamburger.png",
+    logo: cdnImage("/images/scene/hamburger.png"),
     branch: "太古里店",
     distance: "1.8km",
     type: "enroute",
@@ -117,7 +118,7 @@ const dealItems: DealItem[] = [
     name: "大堡口福套餐",
     store: "麦当劳三诺大厦店",
     distance: "2.1km",
-    image: "/images/scene/hamburger.png",
+    image: cdnImage("/images/scene/hamburger.png"),
     price: 22.9,
     originalPrice: 39.9,
     actionLabel: "选 1 号",
@@ -128,7 +129,7 @@ const dealItems: DealItem[] = [
     name: "大橘美式咖啡",
     store: "瑞幸万豪店",
     distance: "1.1km",
-    image: "/images/scene/pour-coffee.png",
+    image: cdnImage("/images/scene/pour-coffee.png"),
     price: 12.9,
     originalPrice: 23.9,
     actionLabel: "选 2 号",
@@ -140,7 +141,7 @@ const dealItems: DealItem[] = [
     name: "照烧风味牛肉披萨",
     store: "达美乐江夏店",
     distance: "1.2km",
-    image: "/images/scene/pizza.png",
+    image: cdnImage("/images/scene/pizza.png"),
     price: 59,
     originalPrice: 88.9,
     actionLabel: "选 3 号",
@@ -152,7 +153,7 @@ const dealItems: DealItem[] = [
     name: "超浓千层抹茶拿铁",
     store: "奈雪の茶科技广场店",
     distance: "1.3km",
-    image: "/images/scene/matcha.png",
+    image: cdnImage("/images/scene/matcha.png"),
     price: 18.9,
     originalPrice: 32,
     actionLabel: "选 4 号",

package/template/src/pages/DevPortal.tsx

@@ -1,6 +1,7 @@
 import { useNavigate } from "react-router-dom";
 import { Btn, IconFont, cn } from "@lmy54321/design-system";
 import { motion } from "motion/react";
+import designSystemPkg from "@lmy54321/design-system/package.json";
 
 interface PortalCard {
   id: string;
@@ -18,7 +19,7 @@ const PORTAL_CARDS: PortalCard[] = [
     title: "Demo 演示",
     description: "查看当前项目的业务 Demo，这也是手机预览看到的内容",
     icon: "mobile",
-    route: "/",
+    route: "/demo",
     colorClass: "bg-[#22C55E]",
   },
   {
@@ -152,7 +153,7 @@ export function DevPortal() {
             npm 包
           </a>
           <span className="text-[13px] text-muted-foreground">
-            当前版本: v1.2.0
+            当前版本: v{designSystemPkg.version}
           </span>
         </div>
       </motion.div>

package/template/src/pages/ExplorePage.tsx

@@ -12,6 +12,7 @@ import { Btn } from "@lmy54321/design-system";
 import { Toast } from "@lmy54321/design-system";
 import { RouteDetailPage } from "./RouteDetailPage";
 import type { RouteItem } from "./RouteDetailPage";
+import { cdnImage } from "../config/cdn";
 
 /* ── 筛选标签 ── */
 const categories = [
@@ -40,7 +41,7 @@ export const routeRecommendations: RouteItem[] = [
     id: "r1",
     title: "一天走完中轴线！累但值得",
     desc: "从永定门一路暴走到钟鼓楼，把北京城600年的底蕴踩在脚下，步数3w+但每一步都是历史",
-    image: "/images/feed-axis.png",
+    image: cdnImage("/images/feed-axis.png"),
     duration: "1天",
     distance: "7.8km",
     stops: [
@@ -61,7 +62,7 @@ export const routeRecommendations: RouteItem[] = [
     id: "r2",
     title: "什刹海半日闲逛｜拍照巨出片",
     desc: "恭王府逛完溜达到后海，路上随便一拍就是大片，咖啡也绝绝子",
-    image: "/images/feed/route-shichahai.png",
+    image: cdnImage("/images/feed/route-shichahai.png"),
     duration: "半天",
     distance: "3.2km",
     stops: [
@@ -80,7 +81,7 @@ export const routeRecommendations: RouteItem[] = [
     id: "r3",
     title: "朝阳觅食一整天！从brunch吃到宵夜",
     desc: "早上国贸吃brunch，中午三里屯逛吃，晚上望京撸串，这条线我走了不下5遍",
-    image: "/images/feed/route-food-cbd.png",
+    image: cdnImage("/images/feed/route-food-cbd.png"),
     duration: "1天",
     distance: "4.5km",
     stops: [
@@ -100,7 +101,7 @@ export const routeRecommendations: RouteItem[] = [
     id: "r4",
     title: "京郊自驾赏秋｜美哭了真的",
     desc: "坡峰岭的红叶太震撼了！拍了300张照片，随手一张都是壁纸级别",
-    image: "/images/feed/route-autumn.png",
+    image: cdnImage("/images/feed/route-autumn.png"),
     duration: "1天",
     distance: "120km",
     stops: [
@@ -143,7 +144,7 @@ const feeds: FeedItem[] = [
   {
     id: "1",
     type: "article",
-    image: "/images/feed-hutong.png",
+    image: cdnImage("/images/feed-hutong.png"),
     title: "救命！北京胡同也太好逛了吧",
     content: "从南锣鼓巷一路逛到五道营，每条胡同都有惊喜！墙上的涂鸦、藏在深处的咖啡馆、老北京四合院的门墩...",
     author: "迷路的南方人",
@@ -160,7 +161,7 @@ const feeds: FeedItem[] = [
   {
     id: "2",
     type: "route",
-    image: "/images/feed-axis.png",
+    image: cdnImage("/images/feed-axis.png"),
     title: "一天走完中轴线！累但值得",
     content: "从永定门一路暴走到钟鼓楼，步数3w+但每一步都值了！",
     author: "在逃的建筑系学生",
@@ -178,7 +179,7 @@ const feeds: FeedItem[] = [
   {
     id: "3",
     type: "article",
-    image: "/images/feed-coffee-sanlitun.png",
+    image: cdnImage("/images/feed-coffee-sanlitun.png"),
     title: "三里屯这家咖啡也太绝了｜环境氛围感拉满",
     content: "被种草很久终于来了！loft风的装修超有feel，拿铁拉花巨好看，坐窗边随手一拍就是大片",
     author: "每日一杯美式续命",
@@ -194,7 +195,7 @@ const feeds: FeedItem[] = [
   {
     id: "4",
     type: "route",
-    image: "/images/feed/route-food-cbd.png",
+    image: cdnImage("/images/feed/route-food-cbd.png"),
     title: "朝阳觅食一整天！从brunch吃到宵夜",
     content: "早上国贸brunch，中午三里屯逛吃，晚上望京撸串，这条线走了不下5遍",
     author: "朝阳干饭王小陈",
@@ -212,7 +213,7 @@ const feeds: FeedItem[] = [
   {
     id: "5",
     type: "article",
-    image: "/images/feed/feed-autumn.png",
+    image: cdnImage("/images/feed/feed-autumn.png"),
     title: "京郊红叶拍照攻略｜朋友圈直接炸了",
     content: "坡峰岭的红叶真的太震撼了！分享几个绝佳机位，随手拍都是壁纸级别",
     author: "周末出逃计划",
@@ -229,7 +230,7 @@ const feeds: FeedItem[] = [
   {
     id: "6",
     type: "article",
-    image: "/images/feed/feed-museum.png",
+    image: cdnImage("/images/feed/feed-museum.png"),
     title: "故宫这个展太绝了！冲冲冲",
     content: "千秋佳人特展，展品超精美！建议留出半天时间慢慢看，记得提前预约",
     author: "博物馆女孩日记",
@@ -246,7 +247,7 @@ const feeds: FeedItem[] = [
   {
     id: "7",
     type: "route",
-    image: "/images/feed/route-shichahai.png",
+    image: cdnImage("/images/feed/route-shichahai.png"),
     title: "什刹海半日闲逛｜拍照巨出片",
     content: "恭王府逛完溜达到后海，路上随便一拍就是大片",
     author: "胡同串子阿瑶",
@@ -263,7 +264,7 @@ const feeds: FeedItem[] = [
   {
     id: "8",
     type: "article",
-    image: "/images/feed/feed-food.png",
+    image: cdnImage("/images/feed/feed-food.png"),
     title: "簋街深夜暴走！吃到扶墙出系列",
     content: "从东直门一路吃到北新桥，小龙虾、烤鱼、卤煮、炒肝…热量炸弹一晚上全补回来了",
     author: "深夜放毒小分队",
@@ -280,7 +281,7 @@ const feeds: FeedItem[] = [
   {
     id: "9",
     type: "article",
-    image: "/images/feed/feed-temple.png",
+    image: cdnImage("/images/feed/feed-temple.png"),
     title: "雍和宫求啥最灵？本地人来说说",
     content: "作为北京土著分享一下经验：求事业去法轮殿，求学业去万福阁，求姻缘去…",
     author: "佛系北京妞",
@@ -296,7 +297,7 @@ const feeds: FeedItem[] = [
   {
     id: "10",
     type: "route",
-    image: "/images/feed/route-autumn.png",
+    image: cdnImage("/images/feed/route-autumn.png"),
     title: "京郊自驾赏秋｜美哭了真的",
     content: "坡峰岭红叶太震撼！拍了300张照片随手一张都是壁纸",
     author: "周末出逃计划",
@@ -313,7 +314,7 @@ const feeds: FeedItem[] = [
   {
     id: "11",
     type: "article",
-    image: "/images/feed/feed-park.png",
+    image: cdnImage("/images/feed/feed-park.png"),
     title: "朝阳公园遛娃天花板！孩子玩疯了",
     content: "带娃来了N次了，沙坑、滑梯、草坪野餐…一待就是一整天，大人也能放松",
     author: "俩娃妈的日常",
@@ -329,7 +330,7 @@ const feeds: FeedItem[] = [
   {
     id: "12",
     type: "article",
-    image: "/images/feed/feed-art.png",
+    image: cdnImage("/images/feed/feed-art.png"),
     title: "798这几个展我愿称之为年度最佳",
     content: "UCCA尤伦斯的新展、木木美术馆的沉浸式体验、还有长征空间…周末花一天刷完",
     author: "艺术民工小王",

package/template/src/pages/MapHome.tsx

@@ -12,6 +12,7 @@ import { IconFont } from "@lmy54321/design-system";
 import { ImageWithFallback } from "@lmy54321/design-system";
 import { TencentMap } from "@lmy54321/design-system";
 import { SearchFlowDemo } from "./SearchFlowDemo";
+import { cdnImage } from "../config/cdn";
 
 /* ── 功能入口（5个均分） ── */
 const serviceEntries = [
@@ -30,7 +31,7 @@ const nearbyPOIs = [
     category: "咖啡厅",
     distance: "320m",
     rating: "4.8",
-    photo: "/images/scene/cafe.png",
+    photo: cdnImage("/images/scene/cafe.png"),
     tag: "人气推荐",
     lat: 39.9088,
     lng: 116.4605,
@@ -41,7 +42,7 @@ const nearbyPOIs = [
     category: "火锅",
     distance: "580m",
     rating: "4.7",
-    photo: "/images/scene/hotpot.png",
+    photo: cdnImage("/images/scene/hotpot.png"),
     tag: "排队中",
     lat: 39.9320,
     lng: 116.4540,
@@ -52,7 +53,7 @@ const nearbyPOIs = [
     category: "北京菜",
     distance: "1.2km",
     rating: "4.5",
-    photo: "/images/scene/peking-duck.png",
+    photo: cdnImage("/images/scene/peking-duck.png"),
     tag: "老字号",
     lat: 39.8992,
     lng: 116.3974,
@@ -63,7 +64,7 @@ const nearbyPOIs = [
     category: "购物中心",
     distance: "1.5km",
     rating: "4.6",
-    photo: "/images/scene/mall.png",
+    photo: cdnImage("/images/scene/mall.png"),
     tag: "",
     lat: 39.9210,
     lng: 116.4810,
@@ -74,7 +75,7 @@ const nearbyPOIs = [
     category: "景点",
     distance: "2.3km",
     rating: "4.9",
-    photo: "/images/feed-axis.png",
+    photo: cdnImage("/images/feed-axis.png"),
     tag: "必去",
     lat: 39.9163,
     lng: 116.3972,

package/template/src/pages/MapSearchPage.tsx

@@ -6,6 +6,7 @@ import { Tag } from "@lmy54321/design-system";
 import { Toast } from "@lmy54321/design-system";
 import { ImageWithFallback } from "@lmy54321/design-system";
 import { IconFont } from "@lmy54321/design-system";
+import { cdnImage } from "../config/cdn";
 
 /* ══════════════════════════════════════════
    数据
@@ -30,12 +31,12 @@ const hotSearches = [
 ];
 
 const quickCategories = [
-  { icon: "fork", label: "美食", image: "/images/scene/peking-duck.png" },
-  { icon: "tea", label: "咖啡", image: "/images/scene/cafe.png" },
-  { icon: "building", label: "酒店", image: "/images/scene/hotel.png" },
-  { icon: "vehicle", label: "加油站", image: "/images/scene/gas-station.png" },
-  { icon: "map-marked", label: "停车场", image: "/images/scene/parking.png" },
-  { icon: "film", label: "电影", image: "/images/scene/cinema.png" },
+  { icon: "fork", label: "美食", image: cdnImage("/images/scene/peking-duck.png") },
+  { icon: "tea", label: "咖啡", image: cdnImage("/images/scene/cafe.png") },
+  { icon: "building", label: "酒店", image: cdnImage("/images/scene/hotel.png") },
+  { icon: "vehicle", label: "加油站", image: cdnImage("/images/scene/gas-station.png") },
+  { icon: "map-marked", label: "停车场", image: cdnImage("/images/scene/parking.png") },
+  { icon: "film", label: "电影", image: cdnImage("/images/scene/cinema.png") },
 ];
 
 /* 分类卡片的倾斜角度和偏移 */

package/template/src/pages/MePage.tsx

@@ -9,31 +9,32 @@ import { BottomNavigationBar } from "@lmy54321/design-system";
 import type { TabId } from "@lmy54321/design-system";
 import { ImageWithFallback } from "@lmy54321/design-system";
 import { DraggablePanel, DRAWER_STATES } from "@lmy54321/design-system";
+import { cdnImage } from "../config/cdn";
 
 /* ── 四个入口模块数据 ── */
 const entryModules = [
   {
     value: "12",
     desc: "足迹城市",
-    image: "/images/city-footprint.png",
+    image: cdnImage("/images/city-footprint.png"),
     rotate: "-8deg",
   },
   {
     value: "3,280",
     desc: "行程公里",
-    image: "/images/km-journey.png",
+    image: cdnImage("/images/km-journey.png"),
     rotate: "6deg",
   },
   {
     value: "48",
     desc: "收藏地点",
-    image: "/images/fav-places.png",
+    image: cdnImage("/images/fav-places.png"),
     rotate: "-5deg",
   },
   {
     value: "26",
     desc: "评价数",
-    image: "/images/reviews-count.png",
+    image: cdnImage("/images/reviews-count.png"),
     rotate: "7deg",
   },
 ];

package/template/src/pages/POIRecommendPage.tsx

@@ -7,6 +7,7 @@ import { Toast } from "@lmy54321/design-system";
 import { ImageWithFallback } from "@lmy54321/design-system";
 import { IconFont } from "@lmy54321/design-system";
 import { TencentMap } from "@lmy54321/design-system";
+import { cdnImage } from "../config/cdn";
 
 /* ══════════════════════════════════════════
    推荐卡片数据
@@ -27,7 +28,7 @@ const poiCards: POICard[] = [
   {
     id: "1",
     images: [
-      "/images/scene/relax.png",
+      cdnImage("/images/scene/relax.png"),
     ],
     title: "\u5076\u5c14\u653e\u7a7a\uff0c\u5728\u5306\u5fd9\u7684\u57ce\u5e02\u4eab\u53d7\u9633\u5149",
     tags: [
@@ -42,8 +43,8 @@ const poiCards: POICard[] = [
   {
     id: "2",
     images: [
-      "/images/scene/poi-relax.png",
-      "/images/scene/cafe.png",
+      cdnImage("/images/scene/poi-relax.png"),
+      cdnImage("/images/scene/cafe.png"),
     ],
     title: "\u5076\u5c14\u653e\u7a7a\uff0c\u5728\u5306\u5fd9\u7684\u57ce\u5e02\u4eab\u53d7\u9633\u5149",
     tags: [
@@ -57,7 +58,7 @@ const poiCards: POICard[] = [
   {
     id: "3",
     images: [
-      "/images/scene/friends-outing.png",
+      cdnImage("/images/scene/friends-outing.png"),
     ],
     title: "\u5076\u5c14\u653e\u7a7a\uff0c\u5728\u5306\u5fd9\u7684\u57ce\u5e02\u4eab\u53d7\u9633\u5149",
     tags: [
@@ -72,9 +73,9 @@ const poiCards: POICard[] = [
   {
     id: "4",
     images: [
-      "/images/scene/poi-retro.png",
-      "/images/scene/restaurant.png",
-      "/images/scene/cafe.png",
+      cdnImage("/images/scene/poi-retro.png"),
+      cdnImage("/images/scene/restaurant.png"),
+      cdnImage("/images/scene/cafe.png"),
     ],
     title: "\u590d\u53e4\u56de\u6f6e\uff1a\u63a2\u5e97\u5357\u5934\u53e4\u57ce5\u5bb6\u6000\u65e7\u98ce\u5c0f\u5e97",
     tags: [
@@ -89,7 +90,7 @@ const poiCards: POICard[] = [
   {
     id: "5",
     images: [
-      "/images/feed/feed-park.png",
+      cdnImage("/images/feed/feed-park.png"),
     ],
     title: "\u5076\u5c14\u653e\u7a7a\uff0c\u5728\u5306\u5fd9\u7684\u57ce\u5e02\u4eab\u53d7\u9633\u5149",
     tags: [

package/template/src/pages/PlanPage.tsx

@@ -14,6 +14,7 @@ import { PlanDetailPage } from "./PlanDetailPage";
 import { TemplateDetailPage } from "./TemplateDetailPage";
 import type { TemplateData } from "./TemplateDetailPage";
 import type { NewPlanPayload } from "../App";
+import { cdnImage } from "../config/cdn";
 
 /* -- 快速创建模板（属于"新建"功能的快捷入口） -- */
 const templates: TemplateData[] = [
@@ -122,7 +123,7 @@ const initialTrips: Trip[] = [
     days: 2,
     status: "即将出发",
     statusColor: "bg-accent/10 text-accent",
-    image: "/images/scene/trip-culture.png",
+    image: cdnImage("/images/scene/trip-culture.png"),
   },
   {
     id: "2",
@@ -133,7 +134,7 @@ const initialTrips: Trip[] = [
     days: 1,
     status: "进行中",
     statusColor: "bg-[#10B981]/10 text-[#10B981]",
-    image: "/images/scene/trip-food.png",
+    image: cdnImage("/images/scene/trip-food.png"),
   },
   {
     id: "3",
@@ -144,7 +145,7 @@ const initialTrips: Trip[] = [
     days: 1,
     status: "已完成",
     statusColor: "bg-black/[0.04] text-muted-foreground",
-    image: "/images/scene/trip-palace.png",
+    image: cdnImage("/images/scene/trip-palace.png"),
   },
 ];
 
@@ -237,7 +238,7 @@ export function PlanPage({ activeTab, onTabChange, newPlan, onNewPlanConsumed }:
       days: 1,
       status: "规划中",
       statusColor: "bg-accent/10 text-accent",
-      image: "/images/scene/trip-culture.png",
+      image: cdnImage("/images/scene/trip-culture.png"),
       isNew: true,
     };
     setTrips(prev => [newTrip, ...prev]);

package/template/src/pages/SearchFlowDemo.tsx

@@ -8,6 +8,7 @@ import { Toast } from "@lmy54321/design-system";
 import { IconFont } from "@lmy54321/design-system";
 import { BottomSheet } from "@lmy54321/design-system";
 import { ImageWithFallback } from "@lmy54321/design-system";
+import { cdnImage } from "../config/cdn";
 
 /* ══════════════════════════════════════════
    类型定义
@@ -99,11 +100,11 @@ const searchResultPOIs: POIDetail[] = [
     distance: "5.8km", rating: "4.7", ratingCount: "3.2万", pricePerPerson: "168",
     phone: "010-65260008", hours: "11:00-22:00", lat: 39.9120, lng: 116.4050,
     tags: ["烤鸭", "老字号", "排队名店"],
-    image: "/images/scene/peking-duck.png",
+    image: cdnImage("/images/scene/peking-duck.png"),
     photos: [
-      "/images/scene/peking-duck.png",
-      "/images/scene/hotpot.png",
-      "/images/scene/pizza.png",
+      cdnImage("/images/scene/peking-duck.png"),
+      cdnImage("/images/scene/hotpot.png"),
+      cdnImage("/images/scene/pizza.png"),
     ],
   },
   {
@@ -111,10 +112,10 @@ const searchResultPOIs: POIDetail[] = [
     distance: "2.3km", rating: "4.6", ratingCount: "1.8万", pricePerPerson: "135",
     phone: "010-64788899", hours: "10:00-次日07:00", lat: 39.9920, lng: 116.4800,
     tags: ["火锅", "服务好", "24小时"],
-    image: "/images/scene/hotpot.png",
+    image: cdnImage("/images/scene/hotpot.png"),
     photos: [
-      "/images/scene/hotpot.png",
-      "/images/scene/peking-duck.png",
+      cdnImage("/images/scene/hotpot.png"),
+      cdnImage("/images/scene/peking-duck.png"),
     ],
   },
   {
@@ -122,10 +123,10 @@ const searchResultPOIs: POIDetail[] = [
     distance: "4.5km", rating: "4.4", ratingCount: "8765", pricePerPerson: "108",
     phone: "010-64178800", hours: "11:30-凌晨02:00", lat: 39.9340, lng: 116.4540,
     tags: ["小龙虾", "网红餐厅", "夜宵"],
-    image: "/images/scene/crayfish.png",
+    image: cdnImage("/images/scene/crayfish.png"),
     photos: [
-      "/images/scene/crayfish.png",
-      "/images/scene/hotpot.png",
+      cdnImage("/images/scene/crayfish.png"),
+      cdnImage("/images/scene/hotpot.png"),
     ],
   },
   // ── 咖啡 ──
@@ -134,11 +135,11 @@ const searchResultPOIs: POIDetail[] = [
     distance: "5.2km", rating: "4.5", ratingCount: "6543", pricePerPerson: "25",
     phone: "010-65051234", hours: "07:30-20:00", lat: 39.9085, lng: 116.4600,
     tags: ["精品咖啡", "性价比", "自带杯减5"],
-    image: "/images/scene/pour-coffee.png",
+    image: cdnImage("/images/scene/pour-coffee.png"),
     photos: [
-      "/images/scene/pour-coffee.png",
-      "/images/scene/cafe.png",
-      "/images/scene/matcha.png",
+      cdnImage("/images/scene/pour-coffee.png"),
+      cdnImage("/images/scene/cafe.png"),
+      cdnImage("/images/scene/matcha.png"),
     ],
   },
   {
@@ -146,10 +147,10 @@ const searchResultPOIs: POIDetail[] = [
     distance: "4.6km", rating: "4.3", ratingCount: "1.2万", pricePerPerson: "42",
     phone: "010-64176688", hours: "07:00-23:00", lat: 39.9350, lng: 116.4530,
     tags: ["臻选门店", "手冲咖啡", "空间大"],
-    image: "/images/scene/cafe.png",
+    image: cdnImage("/images/scene/cafe.png"),
     photos: [
-      "/images/scene/cafe.png",
-      "/images/scene/pour-coffee.png",
+      cdnImage("/images/scene/cafe.png"),
+      cdnImage("/images/scene/pour-coffee.png"),
     ],
   },
   // ── 酒店 ──
@@ -158,10 +159,10 @@ const searchResultPOIs: POIDetail[] = [
     distance: "5.3km", rating: "4.8", ratingCount: "2.1万", pricePerPerson: "1280",
     phone: "010-65052299", hours: "全天", lat: 39.9080, lng: 116.4610,
     tags: ["五星级", "商务出行", "CBD核心"],
-    image: "/images/scene/hotel.png",
+    image: cdnImage("/images/scene/hotel.png"),
     photos: [
-      "/images/scene/hotel.png",
-      "/images/scene/hotel-room.png",
+      cdnImage("/images/scene/hotel.png"),
+      cdnImage("/images/scene/hotel-room.png"),
     ],
   },
   {
@@ -169,10 +170,10 @@ const searchResultPOIs: POIDetail[] = [
     distance: "2.0km", rating: "4.6", ratingCount: "9876", pricePerPerson: "458",
     phone: "010-64789900", hours: "全天", lat: 39.9930, lng: 116.4790,
     tags: ["人文主题", "免费书吧", "性价比"],
-    image: "/images/scene/hotel-room.png",
+    image: cdnImage("/images/scene/hotel-room.png"),
     photos: [
-      "/images/scene/hotel-room.png",
-      "/images/scene/hotel.png",
+      cdnImage("/images/scene/hotel-room.png"),
+      cdnImage("/images/scene/hotel.png"),
     ],
   },
   // ── 加油站 ──
@@ -181,9 +182,9 @@ const searchResultPOIs: POIDetail[] = [
     distance: "1.8km", rating: "4.2", ratingCount: "3245", pricePerPerson: "",
     phone: "010-64739988", hours: "06:00-23:00", lat: 39.9870, lng: 116.4720,
     tags: ["92号", "95号", "柴油"],
-    image: "/images/scene/gas-station.png",
+    image: cdnImage("/images/scene/gas-station.png"),
     photos: [
-      "/images/scene/gas-station.png",
+      cdnImage("/images/scene/gas-station.png"),
     ],
   },
   {
@@ -191,9 +192,9 @@ const searchResultPOIs: POIDetail[] = [
     distance: "3.1km", rating: "4.0", ratingCount: "2180", pricePerPerson: "",
     phone: "010-64371122", hours: "全天", lat: 39.9750, lng: 116.4900,
     tags: ["24小时", "洗车服务", "便利店"],
-    image: "/images/scene/gas-station.png",
+    image: cdnImage("/images/scene/gas-station.png"),
     photos: [
-      "/images/scene/gas-station.png",
+      cdnImage("/images/scene/gas-station.png"),
     ],
   },
   // ── 停车场 ──
@@ -202,9 +203,9 @@ const searchResultPOIs: POIDetail[] = [
     distance: "2.1km", rating: "4.1", ratingCount: "5432", pricePerPerson: "8",
     phone: "010-64780088", hours: "全天", lat: 39.9925, lng: 116.4785,
     tags: ["地下停车", "8元/小时", "车位充足"],
-    image: "/images/scene/parking.png",
+    image: cdnImage("/images/scene/parking.png"),
     photos: [
-      "/images/scene/parking.png",
+      cdnImage("/images/scene/parking.png"),
     ],
   },
   {
@@ -212,9 +213,9 @@ const searchResultPOIs: POIDetail[] = [
     distance: "4.5km", rating: "3.9", ratingCount: "8765", pricePerPerson: "10",
     phone: "010-64170088", hours: "全天", lat: 39.9345, lng: 116.4535,
     tags: ["消费满减", "10元/小时", "节假日拥挤"],
-    image: "/images/scene/parking.png",
+    image: cdnImage("/images/scene/parking.png"),
     photos: [
-      "/images/scene/parking.png",
+      cdnImage("/images/scene/parking.png"),
     ],
   },
   // ── 电影 ──
@@ -223,9 +224,9 @@ const searchResultPOIs: POIDetail[] = [
     distance: "2.5km", rating: "4.5", ratingCount: "2.3万", pricePerPerson: "55",
     phone: "010-64738866", hours: "09:00-次日01:00", lat: 39.9880, lng: 116.4680,
     tags: ["IMAX", "杜比全景声", "VIP厅"],
-    image: "/images/scene/cinema.png",
+    image: cdnImage("/images/scene/cinema.png"),
     photos: [
-      "/images/scene/cinema.png",
+      cdnImage("/images/scene/cinema.png"),
     ],
   },
   {
@@ -233,9 +234,9 @@ const searchResultPOIs: POIDetail[] = [
     distance: "4.7km", rating: "4.6", ratingCount: "1.5万", pricePerPerson: "68",
     phone: "010-64176677", hours: "10:00-次日00:00", lat: 39.9348, lng: 116.4528,
     tags: ["4DX", "ScreenX", "情侣座"],
-    image: "/images/scene/cinema.png",
+    image: cdnImage("/images/scene/cinema.png"),
     photos: [
-      "/images/scene/cinema.png",
+      cdnImage("/images/scene/cinema.png"),
     ],
   },
   // ── 景点（保留原有） ──
@@ -244,12 +245,12 @@ const searchResultPOIs: POIDetail[] = [
     distance: "7.0km", rating: "4.9", ratingCount: "28.6万", pricePerPerson: "60",
     phone: "010-85007421", hours: "08:30-17:00", lat: 39.9163, lng: 116.3972,
     tags: ["5A景区", "世界文化遗产", "必去打卡"],
-    image: "/images/feed-axis.png",
+    image: cdnImage("/images/feed-axis.png"),
     photos: [
-      "/images/feed-axis.png",
-      "/images/feed/feed-museum.png",
-      "/images/scene/trip-palace.png",
-      "/images/scene/jingshan.png",
+      cdnImage("/images/feed-axis.png"),
+      cdnImage("/images/feed/feed-museum.png"),
+      cdnImage("/images/scene/trip-palace.png"),
+      cdnImage("/images/scene/jingshan.png"),
     ],
   },
   {
@@ -257,10 +258,10 @@ const searchResultPOIs: POIDetail[] = [
     distance: "6.8km", rating: "4.8", ratingCount: "15.3万", pricePerPerson: "2",
     phone: "010-64038098", hours: "06:00-21:00", lat: 39.9245, lng: 116.3967,
     tags: ["登高望远", "故宫全景", "历史遗迹"],
-    image: "/images/scene/jingshan.png",
+    image: cdnImage("/images/scene/jingshan.png"),
     photos: [
-      "/images/scene/jingshan.png",
-      "/images/scene/trip-palace.png",
+      cdnImage("/images/scene/jingshan.png"),
+      cdnImage("/images/scene/trip-palace.png"),
     ],
   },
 ];

package/template/src/pages/TemplateDetailPage.tsx

@@ -7,6 +7,7 @@ import { IconFont } from "@lmy54321/design-system";
 import { Toast } from "@lmy54321/design-system";
 import { DraggablePanel, DRAWER_STATES } from "@lmy54321/design-system";
 import { TencentMap } from "@lmy54321/design-system";
+import { cdnImage } from "../config/cdn";
 
 export interface TemplateData {
   icon: string;
@@ -49,7 +50,7 @@ export function TemplateDetailPage({ template, onBack, onCreatePlan }: Props) {
       onCreatePlan({
         title: template.label,
         spots: template.stops.length,
-        image: "/images/scene/trip-culture.png",
+        image: cdnImage("/images/scene/trip-culture.png"),
         stops: template.stops,
       });
     }, 800);