返回介绍

徽章

发布于 2019-05-26 16:28:22 字数 767 浏览 823 评论 0 收藏 0

轻松创建好看的徽章来标示和强调你的内容。

用法

要创建一个徽章,只需添加.uk-badge类到一个<div><span>元素中。

<div class="uk-badge">...</div>

修饰

若需以不同的样式显示标签,只需为带有 .uk-badge 类的添加修饰类。这些修饰类可以相互结合使用。

通知

添加.uk-badge-notification类标示一个通知,通常用于显示数字。

<div class="uk-badge uk-badge-notification">...</div>

色彩修饰

添加 .uk-badge-success,
.uk-badge-warning或者.uk-badge-danger类为标签添加色彩。

<div class="uk-badge uk-badge-success">...</div>
<div class="uk-badge uk-badge-warning">...</div>
<div class="uk-badge uk-badge-danger">...</div>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文