MDL 中是否有可用的图块组件?
Is there a tile component available in MDL?
我在 getmdl.io 上的 MDL 中找不到任何图块组件。卡片组件有详细记录,但磁贴组件没有。
我假设您指的是 Grid Lists 而不是图块。据我所知,没有磁贴规范。
如果是这种情况,那么您需要将网格组件和卡片结合起来。这将帮助您完成大部分工作,并使用一些额外的自定义代码来调整卡片大小,并在需要时可能移动一些其他位。
前几天我在浏览 codepen 时发现了一些很棒的东西:http://codepen.io/zavoloklom/pen/wtApI。
<a class="tile tile-lg tile-sqr tile-red ripple-effect" href="#">
<span class="content-wrapper">
<span class="tile-content">
<span class="tile-img" style="background-image: url(http://www.google.com/design/images/design-minutes.png);"></span>
<span class="tile-holder tile-holder-sm">
<span class="title">Design Minutes</span>
</span>
</span>
</span>
</a>
如果您想使用自己的 approach.I 建议了解单元格项目并从那里继续:http://mdlhut.com/2015/07/understanding-the-mdl-grid/
我在 getmdl.io 上的 MDL 中找不到任何图块组件。卡片组件有详细记录,但磁贴组件没有。
我假设您指的是 Grid Lists 而不是图块。据我所知,没有磁贴规范。
如果是这种情况,那么您需要将网格组件和卡片结合起来。这将帮助您完成大部分工作,并使用一些额外的自定义代码来调整卡片大小,并在需要时可能移动一些其他位。
前几天我在浏览 codepen 时发现了一些很棒的东西:http://codepen.io/zavoloklom/pen/wtApI。
<a class="tile tile-lg tile-sqr tile-red ripple-effect" href="#">
<span class="content-wrapper">
<span class="tile-content">
<span class="tile-img" style="background-image: url(http://www.google.com/design/images/design-minutes.png);"></span>
<span class="tile-holder tile-holder-sm">
<span class="title">Design Minutes</span>
</span>
</span>
</span>
</a>
如果您想使用自己的 approach.I 建议了解单元格项目并从那里继续:http://mdlhut.com/2015/07/understanding-the-mdl-grid/