public/index.html
@@ -11,31 +11,303 @@
      sizes="32x32"
    />
    <link rel="stylesheet" href="/fonts/alibaba/iconfont.css">
    <link rel="stylesheet" href="/css/element-variables.scss">
    <title><%= htmlWebpackPlugin.options.title %></title>
    <style>
      html,
      body,
      h2,
      p,
      ul,
      li {
        margin: 0;
        padding: 0;
    <style src="/css/common.scss" lang="scss"></style>
    <style src="/css/overried.scss" lang="scss"></style>
    <style >
    html,body {
      font-family: "Avenir", Helvetica, Arial, sans-serif;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-align: center;
      color: #2c3e50;
      width: 100%;
      height: 100%;
    }
    .el-button--primary:hover,
      .el-button--primary:focus {
        background: #2249b4;
        border-color: #2249b4;
      }
      .el-button--warning:hover,
      .el-button--warning:focus {
        background: #fd780b;
        border-color: #fd780b;
      }
      .clearfix::after{
        content: '';
        display: block;
        height: 0;
        clear: both;
      .el-button--danger:hover,
      .el-button--danger:focus {
        background: #d22929;
        border-color: #d22929;
      }
      .ml10{
        margin-left: 10px;
      .el-button--info {
        color: #222222;
      }
      .mr10{
        margin-right: 10px;
      .el-button--info:hover,
      .el-button--info:focus {
        background: rgb(190, 190, 190);
        border-color: rgb(190, 190, 190);
      }
      .el-button--text:focus,
      .el-button--text:hover {
        color: #2249b4;
      }
      .el-tag.el-tag--info {
        background-color: #f4f4f5;
        border-color: #e9e9eb;
        color: #909399;
      }
    /* reset */
    html {
      color: #000;
      background: #fff;
    }
    body,
    div,
    dl,
    dt,
    dd,
    ul,
    ol,
    li,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    input,
    button,
    textarea,
    p,
    blockquote,
    th,
    td {
      margin: 0;
      padding: 0;
    }
    /* body {
      font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
    } */
    img {
      border: none;
    }
    em,
    strong {
      font-style: normal;
      font-weight: normal;
    }
    li {
      list-style: none;
    }
    table {
      border-collapse: collapse;
      border-spacing: 0;
    }
    h1 {
      font-size: 18px;
    }
    h2 {
      font-size: 16px;
    }
    h3 {
      font-size: 14px;
    }
    h4,
    h5,
    h6 {
      font-size: 100%;
    }
    q:before,
    q:after {
      content: "";
    } /* 消除q前后的内容 */
    button,
    input,
    select,
    textarea {
      font-size: 100%;
    } /* 使得表单元素在 ie 下能继承字体大小 */
    input,
    button,
    textarea,
    select,
    optgroup,
    option {
      font-family: inherit;
      font-size: inherit;
      font-style: inherit;
      font-weight: inherit;
    }
    address,
    cite,
    dfn,
    em,
    var {
      font-style: normal;
    } /* 将斜体扶正 */
    /* link */
    a {
      color: #3d68e1;
      text-decoration: none;
    }
    a:hover {
      color: #2249b4;
      text-decoration: underline;
    }
    .fade-enter-active,
    .fade-leave-active {
      transition: opacity 0.5s;
    }
    .fade-enter,
    .fade-leave-active {
      opacity: 0;
    }
    /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
    ::-webkit-scrollbar {
      width: 8px;
      height: 8px;
      background-color: #f5f5f5;
    }
    /*定义滚动条轨道 内阴影+圆角*/
    ::-webkit-scrollbar-track {
      box-shadow: inset 0 0 3px rgba(122, 120, 120, 0.3);
      border-radius: 5px;
      background-color: #f5f5f5;
    }
    /*定义滑块 内阴影+圆角*/
    ::-webkit-scrollbar-thumb {
      border-radius: 5px;
      box-shadow: inset 0 0 3px rgba(245, 243, 243, 0.3);
      background-color: rgba(160, 158, 158, 0.8);
    }
    .fade-enter-active,
    .fade-leave-active {
      transition: opacity 0.5s;
    }
    .fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
      opacity: 0;
    }
    .window {
      z-index: 10 !important;
    }
    .el-card__body {
      box-sizing: border-box;
    }
    .is-dark {
      background: #00000090 !important;
    }
    .el-tooltip__popper {
      border-radius: 0px;
      padding: 5px 10px;
    }
    .atooltip.el-tooltip__popper[x-placement^="bottom"] .popper__arrow {
      border-bottom-color: #20202090;
    }
    .atooltip.el-tooltip__popper[x-placement^="bottom"] .popper__arrow:after {
      border-bottom-color: #68666690;
    }
    .atooltip.el-tooltip__popper[x-placement^="top"] .popper__arrow {
      border-top-color: #20202090;
    }
    .atooltip.el-tooltip__popper[x-placement^="top"] .popper__arrow:after {
      border-top-color: #68666690;
    }
    .atooltip.el-tooltip__popper[x-placement^="left"] .popper__arrow {
      border-left-color: #20202090;
    }
    .atooltip.el-tooltip__popper[x-placement^="left"] .popper__arrow:after {
      border-left-color: #68666690;
    }
    .atooltip.el-tooltip__popper[x-placement^="right"] .popper__arrow {
      border-right-color: #20202090;
    }
    .atooltip.el-tooltip__popper[x-placement^="right"] .popper__arrow:after {
      border-right-color: #68666690;
    }
    .el-menu-vertical-demo {
      overflow-y: hidden;
      overflow-x: hidden;
    }
    .el-menu-vertical-demo::-webkit-scrollbar {
      /*滚动条整体样式*/
      width: 4px; /*高宽分别对应横竖滚动条的尺寸*/
      height: 4px;
    }
    .el-menu-vertical-demo::-webkit-scrollbar-thumb {
      /*滚动条里面小方块*/
      border-radius: 5px;
      box-shadow: inset 0 0 5px rgba(157, 165, 183, 0);
      -webkit-box-shadow: inset 0 0 5px rgba(157, 165, 183, 0);
      background: rgb(202, 201, 201);
    }
    .el-menu-vertical-demo::-webkit-scrollbar-track {
      /*滚动条里面轨道*/
      box-shadow: inset 0 0 5px rgba(157, 165, 183, 0);
      -webkit-box-shadow: inset 0 0 5px rgba(157, 165, 183, 0);
      border-radius: 0;
      background: rgb(255, 255, 255);
    }
    .el-menu-vertical-demo::-webkit-scrollbar-thumb:hover {
      background: rgba(0, 0, 0, 0.4);
    }
    .el-menu-vertical-demo:hover {
      overflow-y: visible;
      overflow-x: hidden;
    }
    .el-dropdown-menu__item:focus,
    .el-dropdown-menu__item:not(.is-disabled):hover {
      background: rgba(61, 104, 225, 0.5);
      color: #fff;
    }
    /* 控制下拉菜单显示6个 */
    .el-dropdown-menu {
      border-radius: 0px;
      max-height: 205px;
      overflow: auto;
    }
    .el-range-editor.el-input__inner {
      border-radius: 2px;
    }
    .el-message-box .el-message-box__btns .el-button--primary{
      background-color:#3d68e1;
      border-color:#3d68e1;
    }
    .el-message-box .el-message-box__btns .el-button--primary:hover{
      background-color:#2249b4;
      border-color:#2249b4;
    }
    .btn-icon {
      cursor: pointer;
    }
    .btn-icon:hover {
      filter: drop-shadow(0 0 0 #fff);
      opacity: 0.8;
    }
    .clearfix::after{
      content: '';
      display: block;
      height: 0;
      clear: both;
    }
    </style>
  </head>
  <body>
    <noscript>