2020-06-08

king

2020-06-08 1ed3cfb3778e13904839e9729cb5b4ce9f5c905d

 src/mob/home/index.scss

@@ -1,44 +1,37 @@
.mob-header-container {
.mob-home {
  width: 100%;
  height: 48px;
  color: rgba(255, 255, 255, 0.65);
  
  background: #001529;
  border-bottom: 1px solid #000;

  .header-logo {
    float: left;
    width: 180px;
    line-height: 48px;
    text-align: center;
    padding-left: 5px;
    box-sizing: border-box;
    opacity: 1;
    img {
      max-width: 100%;
      max-height: 40px;
  height: 100%;
  overflow: hidden;
  > .am-tabs {
    > .am-tabs-tab-bar-wrap {
      .am-tabs-default-bar-underline {
        display: none;
      }
      .am-tabs-default-bar-tab {
        cursor: pointer;
      }
    }
  }
  .header-setting {
    float: right;
    line-height: 48px;
    margin-right: 10px;
    img {
      width: 29px;
      height: 29px;
      border-radius: 30px;
      margin-right: 7px;
    }
    span {
      color: #ffffff;
      font-size: 0.95rem;
      .username {
        display: inline-block;
        height: 30px;
        max-width: 95px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    > .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;
      }
    }
  }