2020-07-14

king

2020-07-14 f36141f3075edf9d41928d64f759ad6bd1b1ac60

 src/views/pay/index.scss

@@ -47,24 +47,63 @@
    }

    .mk-pay-content {
      min-height: 470px;
      min-height: 500px;
      box-shadow: 0px 0px 40px #dfdfdf;
      margin-bottom: 6vh;

      .ant-tabs-bar {
        .ant-tabs-tab {
          padding: 12px 16px 8px;
          img {
            width: 80px;
          }
        }
      }
      .qrcode-box {
        position: relative;
        display: inline-block;
        width: 50%;
        text-align: center;
        p {
          font-size: 12px;
          margin-top: 10px;
          span {
            color: #e31613;
            font-weight: bold;
          }
        }
        p.overdue {
          color: #e31613;
          span {
            color: #67a4ff;
            cursor: pointer;
            font-weight: normal;
          }
        }
        canvas {
          padding: 15px;
          border: 1px solid #dddddd;
        }
        .overdue-mask {
          display: inline-block;
          width: 250px;
          height: 250px;
          position: absolute;
          top: 40px;
          left: calc(50% - 125px);
          background: rgba(0, 0, 0, .4);
          p {
            margin-top: 110px;
            background: #ffffff;
            display: inline-block;
            font-size: 13px;
            padding: 5px 10px;
            cursor: pointer;
          }
        }
        .qrcode-tip {
          background: #ff7674;
          width: 230px;
          width: 250px;
          margin: 10px auto;
          img {
            width: 40px;
@@ -84,6 +123,16 @@
          }
        }
      }
      .overdone {
        text-align: center;
        padding-top: 150px;
        font-size: 16px;
        p:first-child {
          color: #26C281;
          margin-bottom: 5px;
          font-size: 18px;
        }
      }
      .weixin-scan {
        vertical-align: top;
        width: 280px;