关于LigerUI中自定义图片样式的加载

toolbar中用icon

var toolBarManager = $("#toptoolbar").ligerToolBar({ items: [
                { text: '按工作ID查', click: itemclick, icon: 'search2' },..........

 

在LigerUI中，只提供了图片加载样式icon，对于自定义的图片可通过以下方法加载。

 

1.打开文件 ligerui-icons.css

该文件的内容结构为：

 

.l-icon{ width:16px; height:16px; overflow:hidden;}
.l-icon-add{ background:url('icons/add.gif') no-repeat center;}
.l-icon-delete{ background:url('icons/delete.gif') no-repeat center;}
.l-icon-edit{ background:url('icons/edit.gif') no-repeat center;}
.l-icon-back{ background:url('icons/back.gif') no-repeat center;}
.l-icon-bluebook{ background:url('icons/bluebook.gif') no-repeat center;}

 其中第一行，设置了ligerui中所有图片的长宽。

第二行就是预设的一些图片样式。

 

2.自定义图片样式

在该文件尾部按模式.l-icon-add{ background:url('