# 2.1 框架布局(Layout)
主要用于插件页首页中
# 首页框架布局
分为两种类型,一种带底部常驻栏,一种无底部常驻栏。
# 01 顶部菜单及导航区域
该区域默认主要包括返回按钮、插件设备名称及更多入口。部分插件规划有推荐板块内容;顶部形成 Tab 的设计方式。(详细规则参考产品白皮书) 。
# 02 主视信息展示区域
显示设备核心关健信息,如当前模式、状态、设备温度或指示数值(避免功能控制类出现在该区域)。画面主视觉,高度以内容和整体画面适配,背景辅助样式要求根据品类调性进行自主设计,突出设备自身特点,加入动效辅助表达。
# 03 功能操作区域
功能选项开关或者模式参数设置区域,采用卡片列表模式布局,可根据列表内容的丰富程度进行上下滚动的操作,适合突显内容阅览型插件,卡片式,高度以内容适配,可上下滑动。
# 04 底部常驻栏
插件的特殊功能位置,如开关、预约、等操作高频功能图标,常驻功能非强制需要视插件特性而定。
01、插件带有“开关”功能,适宜品类:空调、电风扇、净化器、加湿器、取暖器、热水器…
02、不带“开关”功能,适宜品类:冰箱、微蒸烤、净水器…