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语义来应用调光器(当我打开模式时使背景变暗)。有什么办法可以做到这一点?
答
我觉得你是不是在jQuery中添加了正确的方法,检查语义UI的例子,他是如何does.Try这个查询
$('.ui.modal')
.modal({
blurring: true
}).modal('show');
https://semantic-ui.com/modules/modal.html#dimmer-variations
+0
我没有使用这个JQUERY,因为我已经在typescript中有我自己的逻辑来显示模态文件。 –
喜,现在modal为启动页面? –
我有一个布尔变量“活动”来显示模式 –