組合源碼 · 這個應用在程式裡長這樣點擊展開
// src/scenarios/registry.tsx
{
id: 'realestate-map',
name: '房仲地圖選屋',
industry: 'realestate',
scenarios: [
'map-view',
'catalog-grid',
'resource-detail',
],
description: '地圖選區 + 網格瀏覽 + 物件詳情',
}
// 渲染只需:
import { getIndustry } from '@/scenarios/industries';
import { getScenario } from '@/scenarios/registry';
const ctx = getIndustry('realestate');
const map_view = getScenario('map-view')!.render(ctx);
const catalog_grid = getScenario('catalog-grid')!.render(ctx);
const resource_detail = getScenario('resource-detail')!.render(ctx);
沒有 bespoke 元件、沒有複製貼上。換產業只要改
industry 那一行。地圖視圖 · map-view
地圖視圖 · 物件庫
6 個物件在視野內
⊕ 放大⊖ 縮小
h-501
h-502
h-503
h-504
h-505
h-506
- h-501看房中信義 ‧ 象山觀景3房38 坪 · 電梯大樓
- h-502待銷售大安 ‧ 敦南捷運2房22 坪 · 頂樓邊間
- h-503議價中中山 ‧ 圓山透天65 坪 · 三層半
- h-504待銷售松山 ‧ 小巨蛋商辦48 坪 · 10 樓
- h-505已成交內湖 ‧ 科技園區套房15 坪 · 含車位
- h-506看房中大安 ‧ 永康街老公寓28 坪 · 三樓
卡片網格 · catalog-grid
物件庫 · 卡片檢視
6 項 · 網格 3 欄
價格 ↑最新
看房中
#01
信義 ‧ 象山觀景3房
38 坪 · 電梯大樓
3,680 萬
葉經理待銷售
#02
大安 ‧ 敦南捷運2房
22 坪 · 頂樓邊間
2,180 萬
王主任議價中
#03
中山 ‧ 圓山透天
65 坪 · 三層半
7,200 萬
陳副理待銷售
#04
松山 ‧ 小巨蛋商辦
48 坪 · 10 樓
4,500 萬
葉經理已成交
#05
內湖 ‧ 科技園區套房
15 坪 · 含車位
1,280 萬
王主任看房中
#06
大安 ‧ 永康街老公寓
28 坪 · 三樓
2,980 萬
陳副理資源詳情 · resource-detail
h-501
信義 ‧ 象山觀景3房
38 坪 · 電梯大樓
坪數
信義區
開價
NT$ 3,680
行政區
信義區
活動時間軸
- 葉經理 更新狀態剛剛
- 買方已確認5 分鐘前
- 物件建立12 分鐘前