使用notify.js显示图标

时间:2017-12-24 17:40:48

标签: javascript html css notifications

我正在使用notify.js。所有自定义样式都可以正常工作,但图标无法显示。 背景图像工作正常,但我想在通知文本旁边显示一个图标选项卡。有什么方法可以实现吗?你可以在下面找到我的代码 再次感谢。

$.notify
.addStyle('foo', {
    html: "<div>"
        + "<div class='clearfix' >"
        + "<div class='title' data-notify-html='title'/>"
        + "<div class='buttons' align='middle' >"
        + "<button class='yes' data-notify-text='button'></button>"
        + "</div>" + "</div>" + "</div>",
    classes: {
        superblue: {
            "color": "#3A87AD",
            "background-color": "#D9EDF7",
            "border": "6px solid blue",
            "border-color": "red",
            "white-space": "nowrap"
            /* "background-repeat": "no-repeat",
            "background-position": "left top",
            "background-size": "25px",
            "background-image": "url('edda.png')"  */
        }
    }
});

$(document).on('click', '.notifyjs-foo-base .yes', function () {
    //hide notification
    $(this).trigger('notify-hide');
});

$.notify({
    title: '<h5>Would you like some Foo ?</h5>',
    icon: "image.png",
    button: 'Oke'
}, {
    style: 'foo',
    className: 'superblue',
    autoHide: false,
    clickToHide: false,
    position: 'bottom right'
});

0 个答案:

没有答案