我应该如何在聚合物中创建网格视图?
How should I create a grid view in polymer?
我正在尝试使用聚合物创建像这样的视图的网格
我应该如何处理这个问题,有很多事情让我感到困惑,这将是处理此类设计的最佳方式,无论是 bootstrap 使用聚合物还是任何 Web 组件,以便可以对其进行自定义以及应该如何进行我使用它,任何 link 或参考资料都会有很大帮助,在此先感谢。
在组件目录中搜索网格将提供您可以使用的网格元素列表
或者您可以使用 iron-flex
元素
iron-flex
您可以使用 iron-flex-layout
组件,它提供了使用 CSS 灵活框布局或 flexbox
的简单方法。查看 here 中的指南。该组件还提供了两种不同的使用方式 flexbox
:
- 布局classes。布局 class 样式表提供了一组简单的基于 class 的 flexbox 规则。布局 classes 允许您直接在标记中指定布局属性。
- 自定义 CSS mixins。 mixin 样式表包括自定义 CSS mixin,可以使用
@apply
函数在 CSS 规则中应用。
检查demo here。
为什么不使用 css 网格布局。 https://css-tricks.com/snippets/css/complete-guide-grid/
有一个很好的总结
App-grid 还可以帮助您:
https://www.webcomponents.org/element/PolymerElements/app-layout/elements/app-grid
我正在尝试使用聚合物创建像这样的视图的网格
在组件目录中搜索网格将提供您可以使用的网格元素列表
或者您可以使用 iron-flex
元素
iron-flex
您可以使用 iron-flex-layout
组件,它提供了使用 CSS 灵活框布局或 flexbox
的简单方法。查看 here 中的指南。该组件还提供了两种不同的使用方式 flexbox
:
- 布局classes。布局 class 样式表提供了一组简单的基于 class 的 flexbox 规则。布局 classes 允许您直接在标记中指定布局属性。
- 自定义 CSS mixins。 mixin 样式表包括自定义 CSS mixin,可以使用
@apply
函数在 CSS 规则中应用。
检查demo here。
为什么不使用 css 网格布局。 https://css-tricks.com/snippets/css/complete-guide-grid/
有一个很好的总结App-grid 还可以帮助您: https://www.webcomponents.org/element/PolymerElements/app-layout/elements/app-grid