材料设计表格

material-design angular-material

4581 观看

1回复

我正在研究材料设计和材料设计中描述的一些指导方针。

我似乎缺少的部分(不确定是否应该覆盖)是Google如何处理Fieldsets。文档确实涵盖了各个输入,但从未查看过Fieldset。

我经常看到的一种方法是将表单显示在单个卡上。其他方法更喜欢在简单的标准背景下使用它。

呈现Fieldsets的最“材料设计”方式是什么?我知道没有对错,但应该有一个理论上正确的方法。

作者: HermannHH 的来源 发布者: 2019 年 5 月 29 日

回应 (1)


8

决定

似乎预期的做法可能是使用Steppers进行表单的逻辑分组。根据您的实施情况,这可能很难。

我使用的替代方案是带有列表/分隔符的卡片,例如在Angular Material中就像这样。如果过度,它可能会在移动设备上变得笨拙。

<md-card style="max-width: 500px;">
    <md-card-content md-padding>
        <p class="md-heading">Title</p>
        ...content...
    </md-card-content>
    <md-divider></md-divider>
    <md-card-content md-padding>
    </md-card-content>
</md-card>
作者: Bryan K 发布者: 03.11.2015 02:04
32x32