SpriteIcons 图标
-
<% $SpriteImages.forEach(function($sprite) { %>
-
.<%= $SpritePrefix + $sprite.classname %>
<% }) %>
使用方式
//兼容全游览器 <div class="<%= $SpriteMain%> <%= $SpritePrefix + $SpriteImages[0].classname%>"></div>生成css样式
/**
* 主图片样式
*/
.<%= $SpriteMain %> {
background-image:url('<%= $SpriteImageUrl%>');
background-repeat:no-repeat;
}
<% $SpriteImages.forEach(function($sprite) { %>.<%= $SpritePrefix + $sprite.classname %> {
width:<%= $sprite.width%>px;
height:<%= $sprite.height%>px;
background-position: <%= -1*$sprite.x %>px <%= -1*$sprite.y %>px;
}
<% }) %>