Skip to content

VISTA C 组件清单

本页按钉钉文档《VISTA 3.0(液态玻璃版)》下面的组件类子文档整理。总览表先照原目录走,侧栏按使用位置分组。图标不放在组件里,继续放在图标手册

来源文档:VISTA 3.0(液态玻璃版)

子文档清单

顺序组件覆盖范围组件页
1系统顶栏页面顶部的返回、指北针、标题区和右侧按钮;按页面深浅分两套。系统顶栏
2图标横栏VR、WALK、3D 转大楼、GIS 转大楼、图片转大楼的横向工具栏。图标横栏
3右侧面板3D 转大楼、GIS 转大楼里的户型列表、周边设施、视点切换。右侧面板
4右侧功能栏家具摆放、橱柜展示里的右侧功能栏;默认打开,可关闭,可由图标再次展开。右侧功能栏
5画廊页面户型图、样板间、共用部里的画廊卡片入口;适合内容少于 10 个的页面。画廊页面
6卡片页面户型图、样板间里的卡片列表;按建筑分组,独栋时不显示建筑。卡片页面
7比较户型比较、样板间比较;中间分割线可拖拽,Pad 竖屏变上下布局。比较
8楼层选择器眺望、各阶平面图里的楼层选择;眺望全景为深色玻璃,眺望图片和各阶平面图为白色玻璃。楼层选择器
9筛选弹窗住户表、户型图里的右上角筛选弹窗;白色玻璃,移动端样式一致。筛选弹窗
10列表切换建筑切换、楼层切换、房间切换;覆盖各阶平面图、立面图、住户表、户型图、样板间、眺望、VR、WALK。列表切换
11住户卡片各阶平面图、住户表、户型图、3D 转大楼、GIS 转大楼里的住户信息卡片。住户卡片
12搜索资料集里的搜索控件;hover 展开,可输入、清空和点搜索图标。搜索
13加载3D 转大楼、GIS 转大楼、VR、WALK 的加载状态;包含大象 Loading、大楼动画、样板间动画。加载
14帮助VR、WALK、橱柜、3D/GIS/2D 转大楼里的帮助入口;白色玻璃,含大小两套尺寸。帮助
15雷达图眺望全景、眺望图片、VR、WALK 里的雷达图;支持收起态、朝向显示和全屏查看。雷达图
16图片栏画廊、概念、资料集图片页、PDF 详情页、立面图、地图、眺望、VR 的底部图片栏。图片栏
17导航首页全屏导航、非首页侧边导航。导航
18弹窗登录、长文本、Cookie、重要提示、国际化、语音、分享等弹窗。弹窗

后续写法

后续每个组件按同一套信息补齐:

  • 用在哪些页面。
  • 深色玻璃还是白色玻璃。
  • PC、Pad、移动端分别怎么显示。
  • 默认态、hover、展开、收起、关闭、清屏这些动作怎么走。
  • 哪些内容来自钉钉,哪些内容来自蓝湖或截图。

暂不处理

  • 不调整图标清单。
  • 不移动 docs/public/icons/vista-c 里的文件。
  • 不改组件页面名称,仍保留钉钉原名。

HOMEVISTA 设计规范