如何将5个组件一排展示且均分状态

["wechat","weibo","qzone","douban","email"]

首先,需要了解下领动云平台的12栅格设计规范

12栅格设计原理

栅格系统可以按栅格数分为12列,如在一行添加5个组件(这里以图片组件举例)且需要每个组件所占栅格数相同即为均分状态,这显然无法做到,因为5不能被12整除。那如何才能实现呢?

可通过在5个图片组件的左右各添加一个占位符组件,每个占位符组件占1个栅格,那么剩余栅格数为10,5可被10整除,这样就可以实现5个图片组件均分的状态。


如何操作请看以下小视频:

一行5个图片组件