semantic-ui 信息的图标
时间: 2023-07-28 16:09:59 浏览: 48
Semantic UI 的信息图标是一个黄色的圆形,里面有一个感叹号。你可以在 HTML 中使用以下代码来添加 Semantic UI 的信息图标:
```
<i class="info circle icon"></i>
```
其中,`info circle` 是 Semantic UI 的图标类名。你可以在官方文档中查看所有可用的图标类名。
相关问题
semantic-ui 点赞图标
semantic-ui 中的点赞图标可以使用以下代码实现:
```html
<i class="thumbs up icon"></i>
```
其中,`thumbs up` 是 semantic-ui 中点赞图标的名称,可以根据需要选择不同的图标名称。同时,也可以使用其他的 CSS 类名来调整图标的大小和颜色等样式。
semantic-ui 消息的图标
semantic-ui 提供了丰富的图标来表示不同类型的消息。以下是一些常见的消息类型及其对应的图标:
- 成功消息:`<i class="check icon"></i>`
- 错误消息:`<i class="exclamation triangle icon"></i>`
- 警告消息:`<i class="warning sign icon"></i>`
- 信息消息:`<i class="info circle icon"></i>`
- 加载中消息:`<i class="spinner loading icon"></i>`
你可以将上述图标与 `message` 类进行组合使用,例如:
```html
<div class="ui success message">
<i class="check icon"></i>
<div class="content">
<div class="header">操作成功</div>
<p>您的操作已成功完成。</p>
</div>
</div>
```