2020-06-08

king

2020-06-08 1ed3cfb3778e13904839e9729cb5b4ce9f5c905d

 src/views/mobile/index.scss

@@ -6,6 +6,7 @@
    overflow: hidden;
    position: relative;
    background: #262626;
    padding: 0px 300px 0px 40px;

    .mob-tool {
      position: absolute;
@@ -15,6 +16,30 @@
      width: 40px;
      background: #262626;
      box-shadow: 2px 0px 2px #000;
      .mob-tool-item {
        color: #ffffff;
        width: 100%;
        display: flex;
        align-items: center;
        writing-mode: tb-rl;
        padding: 16px 0;
        border-bottom: 1px solid #000;
        cursor: pointer;
        i {
          margin-bottom: 5px;
          margin-left: 2px;
        }
      }
    }

    .mob-setting {
      position: absolute;
      right: 0;
      top: 0;
      height: 100%;
      width: 300px;
      background: #262626;
      box-shadow: 0px 2px 2px #000;
    }

    .mob-shell {
@@ -50,41 +75,6 @@
    }
  }

  .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;
  }