cip-components/styles/cci-stardand/message.less

@import "../variate.less";

.@{elNamespace}-message {
  // 重新定义message的padding和圆角
  --el-message-padding: 9px 10px 9px 16px;
  min-width: 600px;
  max-width: 80%;
  border-radius: 2px;
  // el-message的info提示为蓝色
  &.@{elNamespace}-message--info {
    --el-color-info: var(--el-color-primary);
    --el-message-border-color: var(--el-color-primary);
    --el-message-bg-color: var(--el-color-primary-light-9);
  }
  // 修改字体颜色等样式
  .el-message__content {
    color: var(--el-text-color-primary);
    font-weight: 400;
    line-height: 22px;
  }
  // 按照ui标准修改close的位置定位
  .@{elNamespace}-message__closeBtn {
    right: 14px;
  }
  &--success{
    --el-message-border-color: var(--el-color-success);
  }
  &--error{
    --el-message-border-color: var(--el-color-error);
  }
  &--warning{
    --el-message-border-color: var(--el-color-warning);
  }
}