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

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

for org.webjars.bower.noty：3.1.4布局是：

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

noty.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;
}