Semantic ui 学习笔记 持续更新

这个semantic 更新版本好快~

首先是代码的标识<code></code>

具体样式就是红框这样的 圈起来代码感觉不错 不过要在semantic.css里在加上如下样式~

code {
    background-color: rgba(0, 0, 0, 0.02);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    display: inline-block;
    font-family: "Monaco","Menlo","Ubuntu Mono","Consolas","source-code-pro",monospace;
    font-size: 12px;
    font-weight: bold;
    margin: 0 2px 0px 0px;
    padding: 2px 4px;
    vertical-align: baseline;
}

.ui.message code {
    background-color: rgba(255, 255, 255, 0.6);
}

　　HTML 结构就是这样的

<div class="ui warning message">
   提示框：使用类名<code>ui warning message</code>  错误红色提示(添加类名)：<code>negative</code>
    正确状态提示（添加类名positive）：<code>positive</code> 警告提示:<code>warning</code>
   <p> 分类删除时候 展示图片信息表里的分类字段时候 标明 红色错误提示：<code>negative</code></p>
</div>

　下面是常用的 错误提示 如上 使用类名 negative　

黄色警告 使用类名 ui warning message 主要就是这个warning