组件总览

最后更新: 2026/10/18

Sight Wall 的 13 种组件类型、78 个组件预设分组、添加与选型方法，并指向各类组件的详细说明。

概述

大屏画布上的一切内容都是组件。Sight Wall 共有 13 种组件类型，每种类型下有若干「预设」，预设是带好尺寸与样式的起点，拖入画布后仍可修改全部属性。本文给出全景与选型表，各类组件的属性见后续详细文档。

所有组件共有的名称、显隐锁定、动画、位置与尺寸、层级和批量操作见通用属性、动画与批量操作。

「基础组件」按下表分组，共 78 个预设，另有「动效边框」和「图片素材」两组。

分组	预设
标题区	页头标题、分区标题、中心标题、极简标签
指标卡	趋势指标、告警指标、完成率卡、双指标对比、驾驶舱条、状态墙卡
图片 / 图标	图片卡片、图标徽记、图片轮播、横幅轮播、视频面板、外部页面嵌入
时间 / 倒计时	当前时间、倒计时、值守信息
进度 / 液态 / 环形	条形进度、环形进度、无框环形、液态进度
地图 / 行政区	区域分布图、点位分布图、浙江省域图、核心城市地图、杭州区县图、医院院区态势、园区区域图、楼层分布图、自定义区域图
变量控件	分段切换、下拉选择、布尔开关、时间轴播放
图表	趋势折线、柱状对比、环形占比、横向排行、仪表盘、雷达画像、漏斗转化、玫瑰占比、辉光折线、3D 柱状、晶体柱状
3D 场景	3D 地球、3D 城市、3D 工厂产线、3D 智慧园区、3D 医院院区、3D 楼层剖面、3D 模型查看
说明块	摘要说明、提示便签、值班清单、决策卡片、跑马灯横幅、通知轮播、打字机简报、弹幕留言墙
表格/列表	告警列表、标准明细表、处置日志、分组明细表、事件时间轴
排行	活跃排行、告警排行、渠道排行、时效排行
装饰分区	分区边框、面板外框、横幅容器、重点框选、分组容器、标签页容器、轮播容器
动效边框	13 个动效边框预设，见装饰与变量控件
图片素材	内置图片素材，见模板、模块与素材

搭一个「指标区 + 主图区 + 榜单」的版面：从「指标卡」拖 4 个「趋势指标」横排；从「图表」拖「趋势折线」占中间大块；从「排行」拖「活跃排行」放右侧；选中全部指标卡，用工具栏的对齐与「水平等距」整理，再用「装饰分区」的「分区边框」框住分区。

注意：模板里的组件都带示例数据，上线前要换成自己的数据集；用工具栏「自检」的「数据源接入」可以找出仍显示写死内容的组件。

提示：组件多了信息会拥挤，自检的「大屏边界」建议单页可见组件不超过 16 个、最多 24 个，详见自检与快捷键。