avalon用background-image不起作用,怎么来选取前几个的图片进行渲染

 <span ms-css="{backgroundImage: 'url('+item.image + ')'}" ms-for="($index,item) in el.awardUserList.userlist" ms-if="$index <= 3" class="try-headimg" style="margin-left: -7%;width: 1.8rem;
    height: .8rem;" > </span>
 <span  class="try-headimg"  ms-css="{backgroundImage: 'url('+@img1 + ')'}" style="margin-left: -7%;width: 1.8rem;height: 1.8rem;display: inline-block;background-color: white;"> </span>
 </span> 

1.刚开始在style里面加上background-image:url('路径')就是不起作用,然后用

ms-css="{backgroundImage: 'url('+@img1 + ')'}"就好了,不知道为什么?后续补原因....
2.用ms-if来判断index,可以获取前面几个。

ms-css="{backgroundImage: 'url('+@img1 + ')'}"