2021-07-28

king

2021-07-28 137fb8ea6af2789b3238b22bac31d80bced41dfe

 src/views/mobdesign/index.scss

@@ -17,6 +17,20 @@
    z-index: 10;
    transition: left 0.3s;

    .draw {
      position: absolute;
      z-index: 1;
      background: #ffffff;
      right: -20px;
      top: 0px;
      box-shadow: 0 0 1px #959595;
      border-radius: 0 2px 2px 0px;

      i {
        padding: 12px 3px;
      }
    }

    .pc-setting-tools {
      height: calc(100vh - 48px);
      width: 300px;
@@ -102,36 +116,33 @@
      background: rgba(0, 0, 0, 0);
    }
  }
  .menu-setting.hidden {
    left: -300px;
  }
  .mob-shell {
    width: 375px;
    height: 680px;
    margin: 0 auto;
    background: #000000;
    background-size: 100% 100%;
    padding: 25px 13px 40px;
    border-radius: 30px;

    .mob-shell-inner {
      width: 100%;
      height: 100%;
      overflow-y: auto;
      overflow-x: hidden;
      background: #ffffff;
      box-shadow: 0px 0px 2px #000000;
    }
    .mob-shell-inner::-webkit-scrollbar {
      width: 2px;
    }
    .mob-shell-inner::-webkit-scrollbar-thumb {
      box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.13);
      background: rgba(0, 0, 0, 0.23);
      border-radius: 5px;
    }
    .mob-shell-inner::-webkit-scrollbar-track {
      box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
      border: 1px solid rgba(0, 0, 0, 0.07);
      background: rgba(0, 0, 0, 0);
      border-radius: 3px;
    .main-search-edit-list {
      .page-card > div > .ant-form-item {
        display: flex;
        >.ant-form-item-label {
          width: 70px;
        }
        >.ant-form-item-control-wrapper {
          flex: 1;
        }
        .ant-form-item-label > label::after {
          content: ' ';
          
        }
      }
      .page-card.date .ant-form-item, .page-card.datemonth .ant-form-item {
        // box-shadow: 0px 1px 1px #f0f0f0;
        border-bottom: 1px solid #f0f0f0;
      }
    }
  }
  .menu-control {
@@ -143,6 +154,20 @@
    background: #ffffff;
    z-index: 10;
    transition: right 0.3s;

    .draw {
      position: absolute;
      z-index: 1;
      background: #ffffff;
      left: -21px;
      top: 0px;
      box-shadow: 0 0 1px #959595;
      border-radius: 0 2px 2px 0px;

      i {
        padding: 12px 3px;
      }
    }

    div:not(.draw), button:not(.ant-switch) {
      display: block!important;
@@ -163,6 +188,9 @@
      height: 22px;
    }
  }
  .menu-control.hidden {
    right: -130px;
  }

  .menu-body {
    width: 100vw;
@@ -172,12 +200,9 @@
    background: #959595;
    padding: 50px 0px 0px;
    overflow-y: auto;
    .menu-shell-inner {
      min-height: 100vh;
      margin: 0 auto;
    }

  }
  .menu-body.saving {
  .menu-body.saving, .menu-view.saving {
    .anticon-tool {
      display: none;
    }