以下CSS样式均来自Sanarous大佬的博客

常规标签使用方式

<div class="note info">这里是 info 标签样式</div>

<div class="note info no-icon">这里是不带符号的 info 标签样式</div>

<div class="note primary">这里是 primary 标签样式</div>

<div class="note primary no-icon">这里是不带符号的 primary 标签样式</div>

<div class="note warning">这里是 warning 标签样式</div>

<div class="note warning no-icon">这里是不带符号的 warning 标签样式</div>

<div class="note danger">这里是 danger 标签样式</div>

<div class="note danger no-icon">这里是不带符号的 danger 标签样式</div>

使用时用引入html,样例如下:(注意使用raw标签

这里是 info 标签样式
这里是不带符号的 info 标签样式
这里是 primary 标签样式
这里是不带符号的 primary 标签样式
这里是 warning 标签样式
这里是不带符号的 warning 标签样式
这里是 danger 标签样式
这里是不带符号的 danger 标签样式

渐变标签使用方式

<div class='tip'><p><font color="white">默认情况</font><p></div>

<div class='tip success'><p><font color="white">success</font><p></div>

<div class='tip error'><p><font color="white">error</font><p></div>

<div class='tip warning'><p><font color="white">warning</font><p></div>

使用时用引入html,样例如下:(注意使用raw标签
可以用<font color="#660000" >来修改文字颜色

默认情况

success

error

warning