Dimmer

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

Dimmer 可以减少干扰,让用户的注意力集中在某个特定的内容上 .. 现在我这里有一块内容,它的周围用了一个带 segment 类的容器包装了一下 ..

如果你想在这块内容上使用 Dimmer .. 可以这样 .. 我们需要添加点 JavaScript ... 先找到想要应用 Dimmer 的容器 .. 这里就是 .segment . 然后调用 Semantic UI 的 dimmer 方法 .. 再给它一个参数 .. 参数的值设置成 show ..

你会看到在这块内容的上面覆盖了一个暗色的半透明的背景 .. 点击这个 dimmer 可以把它隐藏起来 ..

或者我们也可以给 dimmer 方法一个 hide 值的参数 ..

保存 .. 同样会隐藏应用在 .segment 元素上的 dimmer .. 一般你可能需要配合用户的一些行为去显示或者隐藏 dimmer ..

Dimmer《 Semantic UI 模块 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点