組合源碼 · 這個應用在程式裡長這樣點擊展開
// src/scenarios/registry.tsx
{
id: 'ecommerce-cs-v2',
name: '電商收件夾版客服',
industry: 'ecommerce',
scenarios: [
'inbox-zero',
'chat-thread',
'tag-multi-select',
],
description: '優先級收件夾 + 對話 + 客戶分類',
}
// 渲染只需:
import { getIndustry } from '@/scenarios/industries';
import { getScenario } from '@/scenarios/registry';
const ctx = getIndustry('ecommerce');
const inbox_zero = getScenario('inbox-zero')!.render(ctx);
const chat_thread = getScenario('chat-thread')!.render(ctx);
const tag_multi_select = getScenario('tag-multi-select')!.render(ctx);
沒有 bespoke 元件、沒有複製貼上。換產業只要改
industry 那一行。優先收件夾 · inbox-zero
收件夾 · Inbox Zero
3 筆未讀 · 按優先級排序
Archive 選中
緊急2 筆
- sku-A01上架中日系寬版亞麻襯衫米白 / M / 現貨 24
- sku-A05上架中日本製帆布後背包墨綠 / 標準 / 現貨 16
重要2 筆
- sku-A02低庫存復古金框圓眼鏡霧金 / 標準 / 現貨 8
- sku-A06低庫存仿舊直筒牛仔褲深藍 / 30 / 現貨 3
一般1 筆
- sku-A03草稿小牛皮極簡托特包焦糖 / L / 預購
延後1 筆
- sku-A04已售完義大利小牛皮樂福鞋黑 / 41 / 現貨 0
對話串 · chat-thread
買
買家 · sku-A01
在線上
您好, 想詢問關於日系寬版亞麻襯衫的狀況
10:23
已收到, 目前狀態是上架中
10:24
預計何時能完成?
10:25
預計 15 分鐘內處理好, 會再通知您 🙏
10:26
輸入訊息...
標籤選擇器 · tag-multi-select
商品標籤
幫 sku-A01 加上分類
服飾×配件×包袋×搜尋或建立...
建議標籤
共 10 個標籤 · 3 已選Enter 套用 · Esc 取消