引入 be-icons.css(使用SVG图标时不需要)
<link rel="stylesheet" href="//cdn.phpbe.com/ui/be-icons.css">
字体图标
<i class="bi-dice-5-fill"></i>
控制大小、颜色
<span style="font-size:3rem; color: #B75555;">
<i class="bi-dice-5-fill"></i>
</span>
<i class="bi-dice-5-fill" style="font-size:4rem; color: #B75555;"></i>
通过 BE前端框架样式 控制大小、颜色
<span class="be-fs-300 be-c-purple">
<i class="bi-dice-5-fill"></i>
</span>
<i class="bi-dice-5-fill be-fs-400 be-c-purple"></i>
与文字混排
图标 与文字混排
<span class="be-fs-150 be-c-pink">
图标 <i class="bi-dice-5-fill"></i> 与文字混排
</span>
用于链接
<a href="#">
<i class="bi-dice-5-fill"></i> 链接
</a>
<a href="#" class="be-btn be-btn-blue be-btn-outline">
<i class="bi-dice-5-fill"></i> 按钮外观的链接
</a>
用于按钮
<button class="be-btn">
<i class="bi-dice-5-fill"></i> 按钮
</button>
<button class="be-btn be-btn-major">
<i class="bi-dice-5-fill"></i> 按钮
</button>
<button class="be-btn be-btn-green be-btn-plain be-btn-lg">
<i class="bi-dice-5-fill"></i> 按钮
</button>