📅  最后修改于: 2023-12-03 15:34:55.891000             🧑  作者: Mango
Semantic-UI是一个十分流行的前端框架,提供了许多易用的组件和多种主题色彩。其中,消息组件提供了不同类型的消息展示,可以帮助我们更好地向用户传递信息。
在消息类型中,除了成功、信息、警告和错误的基本类型外,Semantic-UI还提供了否定和隐式否定消息类型。这些消息类型非常适合在用户提交表单时进行验证和提示信息。
在之前的版本中,我们使用negative
属性来创建否定消息类型。但是,在最近的版本中,这个属性被废弃并且不再支持。现在,我们应该使用dismissible
属性,再加上negative
或warning
类来创建否定或隐式否定的消息类型。
下面是一个例子:
<div class="ui negative message dismissible">
<i class="close icon"></i>
<div class="header">
出现了一些错误
</div>
<ul class="list">
<li>用户名不能为空</li>
<li>密码长度至少为8位</li>
</ul>
</div>
在这个例子中,我们可以看到,使用dismissible
属性来实现可消失的消息类型;使用negative
类来实现否定的消息类型。
如果我们想要使用隐式否定的消息类型,只需要将negative
类改为warning
类即可。
以上就是Semantic-UI中消息否定错误变化的介绍。希望对程序员们有所帮助。