ui模态中的语义应用调光器

我正在使用Angular 2与ui语义来创建应用程序的前端。我创建了自己的模式，所以我没有使用ui语义的模态代码，但是我使用了当时的HTML CSS样式。像这样：ui模态中的语义应用调光器

<div class="ui modal"> 
    <div class="header"> 
    Some Header 
    </div> 
    <div class="description"> 
    <div class="ui header"> 
     Some description 
    </div> 
    </div> 
    <div class="actions"> 
    <div class="ui black deny button"> 
     Some action 
    </div> 
    </div> 
</div>

只需从他们的示例中复制代码。但重点是，我想知道如何使用ui语义来应用调光器（当我打开模式时使背景变暗）。有什么办法可以做到这一点？

来源

2017-05-31 Lucas Andrade

喜，现在modal为启动页面？ –

我有一个布尔变量“活动”来显示模式 –

我觉得你是不是在jQuery中添加了正确的方法，检查语义UI的例子，他是如何does.Try这个查询

$('.ui.modal') 
    .modal({ 
    blurring: true 
}).modal('show');

https://semantic-ui.com/modules/modal.html#dimmer-variations

来源

2017-05-31 18:41:29

我没有使用这个JQUERY，因为我已经在typescript中有我自己的逻辑来显示模态文件。 –

ui模态中的语义应用调光器

回答

相关问题