FrameUi/1.0/css/ui.css

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

/*网站系统ui样式*/

/*msg样式*/
.ui-msg-container {
    position: fixed;
    z-index: 9999;
    right:0px;
    top: 0px;
    padding: 15px;
    width: auto;
    text-align:center;
}

 .ui-msg-container .ui-msg {
        display: inline-block;
        position: relative;
        margin: 0px auto;
        text-align: left;
        padding: 20px 15px;
        font-size: 14px;
        padding-right: 50px;
        margin-bottom: 20px;
        border-radius: 4px;
        animation: uiMsgAnimationIn 0.2s linear;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
    }
.ui-msg-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}

.ui-msg-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}
.ui-msg-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}
.ui-msg-info {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}
.ui-msg-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
}
@media (min-width:768px) {
    .ui-msg-container .ui-msg {
        min-width: 150px;
        max-width: 300px;
    }
}
/*注意媒体查询顺序要从小到大*/