wui-print/dist/style/default-style.css

前端打印插件，包含打印设计器、打印表单、打印API

:root {
  --wui-print-theme-color: #005089;
  --wui-print-border-color: #d0d0d0;
  --wui-print-border-color--light: #ececec;
  --wui-print-border-color--dark: #b5b5b5;
  --wui-print-color--info: #7a7a7a;
  --wui-print-color--default: #333;
  --wui-print-color--primary: #005089;
  --wui-print-color--warning: #cf2600;
  --wui-print-color--success: #0f8204;
  --wui-print-placeholder-color: #a2a2a2;
}
.wui-print_common-form .el-form-item {
  margin-bottom: 4px;
}
.wui-print_common-form .el-form-item.is-error {
  margin-bottom: 18px;
}
.wui-print_common-form .el-form-item.is-required .el-form-item__label {
  color: var(--wui-print-color--primary);
  font-weight: bold;
}
.wui-print_common-form .el-form-item.el-form-item--label-top .el-form-item__label {
  width: 100%;
  margin-bottom: 2px;
}
.wui-print_common-form .el-form-item .el-form-item__label {
  padding-right: 5px !important;
}
.wui-print_common-form .el-form-item .el-form-item__label::before {
  content: "" !important;
  margin-right: 1px !important;
}
.wui-print_common-form .el-date-editor.el-input,
.wui-print_common-form .el-date-editor.el-input__wrapper {
  width: 100% !important;
}
.wui-print_common-form .el-select {
  width: 100% !important;
}
.wui-print_common-form .el-input-number {
  width: 100% !important;
}
.wui-print_common-form .el-cascader {
  width: 100% !important;
}
.wui-print_common-form .el-input,
.wui-print_common-form .el-textarea,
.wui-print_common-form .el-select {
  --el-input-text-color: #000;
  --el-disabled-text-color: #000;
}
.wui-print_common-form .el-checkbox {
  --el-checkbox-text-color: #000;
}
.wui-print_common-form.wui-print_common-form--small .el-form-item {
  margin-bottom: 2px;
}
.wui-print_common-form.wui-print_common-form--small .el-form-item.is-error {
  margin-bottom: 16px;
}
.wui-print_common-form.wui-print_common-form--small .el-form-item .el-form-item__label {
  padding-right: 2px !important;
}
.wui-print_common-form.wui-print_common-form--mini .el-form-item {
  margin-bottom: 1px;
}
.wui-print_common-form.wui-print_common-form--mini .el-form-item.is-error {
  margin-bottom: 16px;
}
.wui-print_common-form.wui-print_common-form--mini .el-form-item .el-form-item__label {
  padding-right: 1px !important;
}
.wui-print-el {
  --el-color-primary: #005089;
  --el-color-primary-light-3: #1d7da5;
  --el-color-primary-light-5: #218bb7;
  --el-color-primary-light-7: #1494ca;
  --el-color-primary-light-8: #67d0fb;
  --el-color-primary-light-9: #ddf5ff;
  --el-color-primary-dark-2: #02416d;
  --el-border-color: #a5a5a5;
  --el-text-color-placeholder: var(--wui-placeholder-color);
  --el-disabled-text-color: #656565;
  --el-color-success: #56a72e;
  --el-color-success-light-9: #fbfff8;
  --el-color-warning: #ef810e;
}
.wui-print-el .el-button,
.wui-print-el .el-button--primary,
.wui-print-el .el-button--success,
.wui-print-el .el-button--warning,
.wui-print-el .el-button--danger,
.wui-print-el .el-button--info {
  --el-button-disabled-bg-color: #d3d3d3;
  --el-button-disabled-border-color: #818181;
  --el-button-disabled-text-color: #040404;
}
.wui-print_el-message-box .el-message-box__message p {
  font-size: 16px;
  line-height: 1.6 !important;
  font-weight: bold;
  color: #000;
  word-break: break-all;
}
.wui-print_el-message-box.wui-print_el-message-box--large {
  font-size: 20px;
  --el-messagebox-width: 600px;
}
.wui-print-color--info {
  color: var(--wui-print-color--info);
}
.wui-print-color--default {
  color: var(--wui-print-color--default);
}
.wui-print-color--primary {
  color: var(--wui-print-color--primary);
}
.wui-print-color--warning {
  color: var(--wui-print-color--warning);
}
.wui-print-color--success {
  color: var(--wui-print-color--success);
}
.wui-print-hint {
  display: inline-flex;
  align-items: center;
  font-weight: bold;
  font-size: 14px;
}
.wui-print-hint.wui-print-hint--small {
  font-size: 12px;
  line-height: 14px;
}
.wui-print-hint span + span {
  margin-left: 3px;
}