基础库样式的另一个激动人心的版本(0.6.0)已经发布!
让我们深入了解一下所包含的内容:
Shellbar
迁移到最新Fiori 3规范的第一个组件是Shellbar。它在所有产品和应用程序中提供一致、响应迅速的导航。它包括对品牌、产品导航、搜索、通知、用户设置和副驾驶的支持。这是一个由强制和可选元素组成的复合组件。
一个基本用法-只有用户设置的单个应用程序产品的最小shellbar。如果没有可用的用户缩略图,则显示缩写。
一个示例,其中包括用于导航到产品中的应用程序的产品菜单,并显示一个搜索框。
当产品有多个链接时,产品链接应折叠为移动屏幕上的溢出菜单。除用户菜单外的所有操作都应收拢。
此示例显示了一个带有副驾驶、与其他产品集成和自定义徽标的应用程序。
同一示例具有扩展的产品开关。
栏
栏是一个新实现的组件。它是一个包含标题、按钮和输入控件的容器。它的内容分布在三个区域-左,中,右。它是不同组件的基础:
带3个区域(桌面、平板电脑和手机)的条形图
条形图作为子页眉-左右区域
条形图作为页眉和子页眉
条形图作为页脚
条形图作为浮动页脚
选择,Multi-Input和Combobox已迁移到最新的Fiori 3:
Select
Select是一个组件,通常用于让用户从预定义列表中选择项目。当可供选择的项目少于12项时应使用此选项。
这里有一些变体和用例:
折叠选择在舒适和紧凑的模式下
扩展选择
选择组件可以通过在附加列中添加附加信息来定制
使用两列选择
使用两个文本列和一个图标选择列
如果列表项需要分组,可以为每个类别添加标题。
选择项目未包装的位置。
选择字段和菜单长度匹配的位置。
选择还支持所有支持状态的语义模式。
组合框
组合框是基本库样式中的一种模式,因为它不是作为独立组件实现的,因为它是少数已经存在的组成。组合框输入组件是由输入组、popover和list组件组成的。它允许用户从预定义列表中选择项目。它提供了一个用于过滤列表的可编辑输入字段,以及一个包含可用选项列表的下拉菜单。如果应用程序未验证条目,用户还可以输入自定义值。支持Select.
多输入
多输入组件是由输入组、popover、checkbox、list和token组件组成的独立组件。它被设计成一个模式,大数据时代,而不是一个独立的组件。它允许用户输入多个显示为令牌的值。它提供了一个用于过滤列表的可编辑输入字段,国内大数据,以及一个包含可用选项列表的下拉菜单。如果应用程序未验证条目,用户还可以输入自定义值。
折叠和扩展的多输入示例,云主机云服务器,带有预选项。
正文长度与字段长度不匹配的多输入。
带有语义消息的多输入。
所有迁移到最新Fiori 3的组件也在不同浏览器(Internet Explorer)中进行测试11、Edge、Firefox、Chrome和Safari)。这些组件使用了SAP主题化基本内容包中的跨技术主题化参数,云 服务器,这使得它们能够进行主题化。反映在最新变化中的另一个方面是可访问性。
,数据分析方法