📜  Semantic-UI 消息否定错误变化(1)

📅  最后修改于: 2023-12-03 15:34:55.891000             🧑  作者: Mango

Semantic-UI 消息否定错误变化

Semantic-UI是一个十分流行的前端框架,提供了许多易用的组件和多种主题色彩。其中,消息组件提供了不同类型的消息展示,可以帮助我们更好地向用户传递信息。

在消息类型中,除了成功、信息、警告和错误的基本类型外,Semantic-UI还提供了否定和隐式否定消息类型。这些消息类型非常适合在用户提交表单时进行验证和提示信息。

在之前的版本中,我们使用negative属性来创建否定消息类型。但是,在最近的版本中,这个属性被废弃并且不再支持。现在,我们应该使用dismissible属性,再加上negativewarning类来创建否定或隐式否定的消息类型。

下面是一个例子:

<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中消息否定错误变化的介绍。希望对程序员们有所帮助。