数据展示 / 03
树控件 · 穿梭框
层级数据的四类交互控件：可多级展开的树形控件、左右双栏的穿梭框、按首字母索引的字母列表，以及固定高度、只渲染可视区域的虚拟滚动列表。
树形控件
.tree / .tree-node / .tree-children目录树 · 多级展开
产品中心
智能硬件
智能手表
智能音箱
智能门锁
软件订阅
个人版
团队版
企业版
客户支持
工单系统
知识库
带复选框的权限树
内容管理
数据导出
系统设置
带图标与计数的树
北区仓库
128
常温库64
冷藏库40
退货暂存区24
南区仓库
96
常温库72
冷藏库24
中转仓
12
穿梭框
.transfer选择可访问的接口范围
左侧为全部接口，右侧为已授权接口；支持全选与批量移动。
8 / 12
GET /v1/orders
POST /v1/payments
GET /v1/users/:id
POST /v1/reports
DELETE /v1/orders/:id
PUT /v1/products/:id
GET /v1/inventory
POST /v1/coupons
GET /v1/logistics
POST /v1/refunds
4 项
GET /v1/orders
POST /v1/payments
GET /v1/users/:id
GET /v1/inventory
索引字母列表
.alpha-list紧凑字母索引（侧边浮标）
A
B
C
D
F
H
L
W
Z
C · 共 4 位联系人
陈
陈思远产品设计负责人 · 138****2041
在线
陈
陈曦前端工程师 · 139****7788
离线
创
创合咨询外部顾问 · 合作中
合作方
橙
橙子影像供应商 · 影像制作
供应商
虚拟滚动列表
fixed height · overscan
网关访问日志
12,480 rows
序号来访 IP请求路径状态耗时
000110.24.8.101GET /v1/orders?page=120042 ms
000210.24.8.102POST /v1/payments200186 ms
000310.24.8.115GET /v1/users/882130418 ms
000410.24.8.116POST /v1/coupons/redeem20196 ms
000510.24.8.120GET /v1/inventory?sku=NX-A102420024 ms
000610.24.8.131POST /v1/reports/export5001204 ms
000710.24.8.140GET /v1/logistics/SF102488311720068 ms
000810.24.8.151PUT /v1/products/NX-B2041200134 ms
000910.24.8.160POST /v1/refunds200212 ms
001010.24.8.171GET /v1/orders/2489120036 ms
001110.24.8.180GET /v1/orders/2489020040 ms
001210.24.8.190DELETE /v1/carts/774120452 ms
001310.24.8.201GET /v1/users/8821/orders20088 ms
001410.24.8.212POST /v1/auth/refresh20014 ms
001510.24.8.220GET /v1/search?q=针织衫20076 ms
001610.24.8.231GET /v1/search?q=冲锋衣20072 ms
001710.24.8.240POST /v1/carts20144 ms
001810.24.8.251GET /v1/categories/tree20030 ms
001910.24.9.11GET /v1/banners?position=home20022 ms
002010.24.9.24GET /v1/promotions/seckill20034 ms
002110.24.9.38POST /v1/reviews201108 ms
002210.24.9.44GET /v1/reviews?sku=NX-A102420058 ms
002310.24.9.55PUT /v1/users/8821/profile20092 ms
002410.24.9.61GET /v1/coupons/mine20046 ms
002510.24.9.70POST /v1/addresses20164 ms
002610.24.9.88GET /v1/invoices/20261040412 ms
002710.24.9.95POST /v1/support/tickets201118 ms
002810.24.9.104GET /healthz2004 ms
可视区域 340px · 实际渲染 29 行 · 其余行按滚动位置按需挂载（overscan 6 行）
性能对比
虚拟滚动29 节点
全量渲染12,480 节点
首屏渲染耗时从 480 ms 降到 16 ms，内存占用下降约 92%。
列表项高度
容器高度340 px
单行高度41 px
初始渲染15 行
缓冲区± 6 行