king
2023-01-05 876a5e6657d67df66bb525d02dd6d147ba81cae5
src/menu/components/module/voucher/index.scss
@@ -18,12 +18,97 @@
    padding: 5px;
    background: rgba(255, 255, 255, 0.55);
  }
  .empty-content {
    text-align: center;
    font-size: 30px;
    margin: 0;
    line-height: 90px;
    color: #bcbcbc;
  .voucher-header {
    padding: 10px;
    border-bottom: 1px solid #eeeeee;
    .header-btn {
      height: 28px;
      min-width: 80px;
      margin-right: 10px;
    }
  }
  .voucher-body {
    padding: 0 15px;
    .voucher-code {
      display: inline-block;
      width: 160px;
      margin-right: 15px;
      div {
        display: inline-block;
        min-width: 50px;
        margin-right: 10px;
        border: 1px solid #d9d9d9;
        padding: 4px 10px;
        border-radius: 4px;
        .anticon-down {
          position: relative;
          left: 3px;
          color: #c8c8c8;
          font-size: 12px;
          margin-left: 5px;
        }
      }
    }
    .pre-wrap {
      padding: 10px 0px;
    }
    .voucher-date {
      display: inline-block;
      div {
        display: inline-block;
        min-width: 50px;
        margin-right: 10px;
        border: 1px solid #d9d9d9;
        padding: 4px 10px;
        border-radius: 4px;
        color: #c8c8c8;
        .anticon {
          position: relative;
          left: 3px;
          color: #c8c8c8;
          margin-left: 5px;
        }
      }
    }
    .voucher-affix {
      float: right;
      width: 250px;
      div {
        display: inline-block;
        min-width: 50px;
        margin-right: 10px;
        border: 1px solid #d9d9d9;
        padding: 4px 10px;
        border-radius: 4px;
      }
    }
  }
  .add-background {
    background: #26C281;
    border-color: #26C281;
    color: #ffffff;
  }
  .print-background {
    background-color: #8E44AD;
    border-color: #8E44AD;
    color: #ffffff;
  }
  .out-background {
    background-color: rgb(50, 197, 210);
    border-color: rgb(50, 197, 210);
    color: #ffffff;
  }
  .system-background {
    background: #1890ff;
    border-color: #1890ff;
    color: #ffffff;
  }
}
.menu-voucher-box::after {