Dimmer 可以减少干扰,让用户的注意力集中在某个特定的内容上 .. 现在我这里有一块内容,它的周围用了一个带 segment 类的容器包装了一下 ..
如果你想在这块内容上使用 Dimmer .. 可以这样 .. 我们需要添加点 JavaScript ... 先找到想要应用 Dimmer 的容器 .. 这里就是 .segment . 然后调用 Semantic UI 的 dimmer 方法 .. 再给它一个参数 .. 参数的值设置成 show ..
你会看到在这块内容的上面覆盖了一个暗色的半透明的背景 .. 点击这个 dimmer 可以把它隐藏起来 ..
或者我们也可以给 dimmer 方法一个 hide 值的参数 ..
保存 .. 同样会隐藏应用在 .segment 元素上的 dimmer .. 一般你可能需要配合用户的一些行为去显示或者隐藏 dimmer ..