使用less处理重复性background-image定位问题

1.问题描述
使用angular的列表循环解释问题，其他框架类似。
css上面使用flex布局

index.html代码：

<div class='container'>
 <div ng-repeat='list in itemlists' class='item'>
  <div class='icon{
  {$index}}'></div>
  <p class='itemName'>{
  {
  list.name}}</p>
 </div>
</div>