easy-ui icon 图片怎么增加

发布网友 发布时间：2022-04-22 23:46

我来回答

共1个回答

热心网友 时间：2023-08-31 21:38

在jquery easy-ui目录下的themes/icon.css。这个css文件打开你就知道了。里面都是icon的css。你可以任意添加。一下是默认的icon css：

.icon-blank {
    background: url('icons/blank.gif') no-repeat center center;
}
.icon-add {
    background: url('icons/edit_add.png') no-repeat center center;
}
.icon-edit {
    background: url('icons/pencil.png') no-repeat center center;
}
.icon-remove {
    background: url('icons/edit_remove.png') no-repeat center center;
}
.icon-save {
    background: url('icons/filesave.png') no-repeat center center;
}
.icon-cut {
    background: url('icons/cut.png') no-repeat center center;
}
.icon-ok {
    background: url('icons/ok.png') no-repeat center center;
}
.icon-no {
    background: url('icons/no.png') no-repeat center center;
}
.icon-cancel {
    background: url('icons/cancel.png') no-repeat center center;
}
.icon-reload {
    background: url('icons/reload.png') no-repeat center center;
}
.icon-search {
    background: url('icons/search.png') no-repeat center center;
}
.icon-print {
    background: url('icons/print.png') no-repeat center center;
}
.icon-help {
    background: url('icons/help.png') no-repeat center center;
}
.icon-undo {
    background: url('icons/undo.png') no-repeat center center;
}
.icon-redo {
    background: url('icons/redo.png') no-repeat center center;
}
.icon-back {
    background: url('icons/back.png') no-repeat center center;
}
.icon-sum {
    background: url('icons/sum.png') no-repeat center center;
}
.icon-tip {
    background: url('icons/tip.png') no-repeat center center;
}
.icon-mini-add {
    background: url('icons/mini_add.png') no-repeat center center;
}
.icon-mini-edit {
    background: url('icons/mini_edit.png') no-repeat center center;
}
.icon-mini-refresh {
    background: url('icons/mini_refresh.png') no-repeat center center;
}
.icon-recommend {
    background: url('icons/recommend-1.gif') no-repeat center center;
}

.icon-deploy {
    background: url('icons/status-1.gif') no-repeat center center;
}
.icon-comment {
    background: url('icons/comment-1.gif') no-repeat center center;
}
.icon-not-recommend {
    background: url('icons/recommend-0.gif') no-repeat center center;
}
.icon-not-deploy {
    background: url('icons/status-0.gif') no-repeat center center;
}

.icon-not-comment {
    background: url('icons/comment-0.gif') no-repeat center center;
}
.icon-move {
    background: url('icons/move.gif') no-repeat center center;
}

/*比如需要添加一个全屏的icon
①把icon图片放到themes/icons文件夹下（假设icon文件名为：icon-fullscreen.png）。
②在themes/icon.css是添加css
*/
.icon-fullscreen {
    background: url('icons/icon-fullscreen.png') no-repeat center center;
}
/*这样就完成了自定义icon的添加*/