組合源碼 · 這個應用在程式裡長這樣點擊展開
// src/scenarios/registry.tsx
{
id: 'realestate-cs',
name: '房仲客服面',
industry: 'realestate',
scenarios: [
'catalog-grid',
'chat-thread',
'booking-calendar',
],
description: '物件瀏覽 + 看房預約 + 買方諮詢',
}
// 渲染只需:
import { getIndustry } from '@/scenarios/industries';
import { getScenario } from '@/scenarios/registry';
const ctx = getIndustry('realestate');
const catalog_grid = getScenario('catalog-grid')!.render(ctx);
const chat_thread = getScenario('chat-thread')!.render(ctx);
const booking_calendar = getScenario('booking-calendar')!.render(ctx);
沒有 bespoke 元件、沒有複製貼上。換產業只要改
industry 那一行。卡片網格 · 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 萬
陳副理對話串 · chat-thread
買
買方 · h-501
在線上
您好, 想詢問關於信義 ‧ 象山觀景3房的狀況
10:23
已收到, 目前狀態是看房中
10:24
預計何時能完成?
10:25
預計 15 分鐘內處理好, 會再通知您 🙏
10:26
輸入訊息...
時段預約 · booking-calendar
看房排程
2026/04/14 · 星期二
09:00
10:00
11:00
12:00
13:00
14:00
信義 ‧ 象山觀景3房
38 坪 · 電梯大樓
看房中
15:00
16:00
大安 ‧ 永康街老公寓
28 坪 · 三樓
看房中
17:00
18:00