Vue 设置内容滚动 并且隐藏滚动条

.father {
    display: flex;
    flex-direction: row;
    overflow-x: scroll;
    &::-webkit-scrollbar {
      width: 0;
    }
    .children {
      .block-style {
        flex-shrink: 0;
      }
    }
  }

设置子视图超出父试图之后滚动
overflow-x: scroll;设置滚动
flex-direction: row;横向布局
&::-webkit-scrollbar {
width: 0;
}设置滚动条为0
flex-shrink: 0;禁止压缩