2020-07-13

king

2020-07-13 269f0759a64927c2ea06a9d7de92ecfd0be7df5b

 src/views/mobdesign/index.scss

@@ -1,17 +1,18 @@
.mobile-view {
  background: #000;
  min-height: 100vh;
  .mob-body {
    width: 100vw;
    height: calc(100vh - 50px);
    overflow: hidden;
    height: 100vh;
    overflow-x: hidden;
    position: relative;
    background: #262626;
    padding: 0px 300px 0px 40px;
    padding: 50px 300px 0px 40px;

    .mob-tool {
      position: absolute;
      position: fixed;
      left: 0;
      top: 0;
      top: 48px;
      height: 100%;
      width: 40px;
      background: #262626;
@@ -63,9 +64,10 @@
    }

    .mob-setting {
      position: absolute;
      position: fixed;
      right: 0;
      top: 0;
      z-index: 10;
      height: 100%;
      width: 300px;
      background: #202735;
@@ -75,7 +77,9 @@
        >.ant-tabs-bar {
          border-bottom: 1px solid #181F29;
          margin-bottom: 0px;
          min-height: 48px;
          .ant-tabs-tab {
            padding: 14px 16px;
            color: rgba(255, 255, 255, 0.85);
          }
          .ant-tabs-tab-active.ant-tabs-tab {
@@ -87,11 +91,11 @@

    .mob-shell {
      width: 375px;
      height: calc(100vh - 70px);
      height: 680px;
      margin: 0 auto;
      background: #ffffff;
      background-size: 100% 100%;
      padding: 5vh 13px 6vh;
      padding: 25px 13px 40px;
      border-radius: 30px;

      .mob-shell-inner {
@@ -99,10 +103,10 @@
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        box-shadow: 0px 0px 3px #d1d1d5;
        box-shadow: 0px 0px 2px #000000;
      }
      .mob-shell-inner::-webkit-scrollbar {
        width: 4px;
        width: 2px;
      }
      .mob-shell-inner::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.13);