javascript - 我将如何设置通知通知的高度和宽度

Question

无论如何设置通知通知的高度和宽度。这是我目前的代码：

$(document).ready(function () { 
        noty({
            layout: 'topRight',
            type: 'alert',
            text: "<a href='C:\\Users\\dah\\Documents\\AlertJqueryNP\\alertjquery.html' target='_blank'>Alerts:"+count+"</a>",
            template: '<div class="noty_message"><span class="noty_text"></span></div>',
            closeWith: ['button'],
            dismissQueue: true, 
            timeout: false
        });

Answer 1

你可以用 CSS 做到这一点。无论你想要什么宽度和高度，只要在 CSS 中设置它就可以了。

.noty-message{
    width:100px;
    height:100px;
}

Answer 2

对于 org.webjars.bower.noty:3.1.4 布局是：

<div id="noty_layout__bottomRight" ....
</div>

通知.css

#noty_layout__bottomRight {
  bottom: 20px;
  right: 20px;
  width: 325px;
}

要更改宽度，请在 css 中添加：

#noty_layout__bottomRight {
   width: 350px !important;
}

Answer 3

这应该强制它为 100px：

#noty_topRight_layout_container,
#noty_topRight_layout_container > li,
#noty_bar, #noty_type_alert           {
    width: 100px !important;
}

Answer 4

我的解决方案：

.noty_layout > .noty_bar {
    height: 100px;
}