element-plus-theme-cestc/dist/message.css

基于element-plus的ui组件做了一些修改，来适应公司ui规范

.el-message__closeBtn:focus,.el-message__content:focus{outline-width:0}.el-message{--el-message-min-width:380px;--el-message-bg-color:#edf2fc;--el-message-padding:15px 15px 15px 20px;--el-message-close-size:16px;--el-message-close-icon-color:var(--el-text-color-placeholder);--el-message-close-hover-color:var(--el-text-color-secondary);min-width:var(--el-message-min-width);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:var(--el-border-radius-base);border-width:var(--el-border-width-base);border-style:var(--el-border-style-base);border-color:var(--el-border-color-lighter);position:fixed;left:50%;top:20px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:var(--el-message-bg-color);-webkit-transition:opacity var(--el-transition-duration),top .4s,-webkit-transform .4s;transition:opacity var(--el-transition-duration),top .4s,-webkit-transform .4s;transition:opacity var(--el-transition-duration),transform .4s,top .4s;transition:opacity var(--el-transition-duration),transform .4s,top .4s,-webkit-transform .4s;padding:var(--el-message-padding);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-message.is-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-message.is-closable .el-message__content{padding-right:16px}.el-message p{margin:0}.el-message--success{background-color:#edf9f5;border-color:#dbf2ec;--el-message-text-color:var(--el-color-success)}.el-message--success .el-message__content{color:var(--el-message-text-color)}.el-message--info{background-color:#f6f6f6;border-color:#eee;--el-message-text-color:var(--el-color-info)}.el-message--info .el-message__content{color:var(--el-message-text-color)}.el-message--warning{background-color:#fff3e8;border-color:#fee8d0;--el-message-text-color:var(--el-color-warning)}.el-message--warning .el-message__content{color:var(--el-message-text-color)}.el-message--error{background-color:#ffeded;border-color:#ffdbdc;--el-message-text-color:var(--el-color-error)}.el-message--error .el-message__content{color:var(--el-message-text-color)}.el-message__icon{margin-right:10px}.el-message__badge{position:absolute;top:-8px;right:-8px}.el-message__content{padding:0;font-size:14px;line-height:1}.el-message__closeBtn{position:absolute;top:50%;right:15px;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;color:var(--el-message-close-icon-color);font-size:var(--el-message-close-size,16px)}.el-message__closeBtn:hover{color:var(--el-message-close-hover-color)}.el-message .el-message-icon--success{--el-message-text-color:var(--el-color-success);color:var(--el-message-text-color)}.el-message .el-message-icon--info{--el-message-text-color:var(--el-color-info);color:var(--el-message-text-color)}.el-message .el-message-icon--warning{--el-message-text-color:var(--el-color-warning);color:var(--el-message-text-color)}.el-message .el-message-icon--error{--el-message-text-color:var(--el-color-error);color:var(--el-message-text-color)}.el-message-fade-enter-from,.el-message-fade-leave-to{opacity:0;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}