2020-06-05

king

2020-06-05 24f0ce147c8daef39ec437d5def9d089ea5b1839

 src/views/mobile/index.scss

@@ -1,4 +1,90 @@
.mobile-container {
.mobile-view {
  background: #000;
  .mob-body {
    width: 100vw;
    height: calc(100vh - 50px);
    overflow: hidden;
    position: relative;
    background: #262626;

    .mob-tool {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 40px;
      background: #262626;
      box-shadow: 2px 0px 2px #000;
    }

    .mob-shell {
      width: 375px;
      height: calc(100vh - 70px);
      margin: 0 auto;
      background: #ffffff url('../../assets/mobimg/mobile.png');
      background-size: 100% 100%;
      padding: 5vh 13px 6vh;
      border-radius: 30px;

      .mob-shell-inner {
        width: 100%;
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        background-color: #f5f5f9;
      }
      .mob-shell-inner::-webkit-scrollbar {
        width: 4px;
      }
      .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;
      }
    }
  }

  .mob-home {
    width: 100%;
    height: 100%;
    overflow: hidden;
    > .am-tabs {
      > .am-tabs-tab-bar-wrap {
        .am-tabs-default-bar-underline {
          display: none;
        }
      }
      > .am-tabs-content-wrap {
        > .am-tabs-pane-wrap {
          .home-tab {
            display: flex;
            align-items: center;
            justify-content: center;
          }
        }
        > .am-tabs-pane-wrap::-webkit-scrollbar {
          width: 4px;
        }
        > .am-tabs-pane-wrap::-webkit-scrollbar-thumb {
          box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.13);
          background: rgba(0, 0, 0, 0.13);
          border-radius: 5px;
        }
        > .am-tabs-pane-wrap::-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;
        }
      }
    }
  }
  .flex-container {
    margin: 0 15px;
  }