*[data-v-scroll].scroll {
  width: 100%;
}

*[data-v-scroll] .scroll-content {
  overflow-y: hidden;
  overflow-x: auto;
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
}

*[data-v-scroll] .scroll-content::-webkit-scrollbar {
  width: 0;
  height: 0;
}

*[data-v-scroll] .scroll-bar-wrapper {
  overflow-y: hidden;
  overflow-x: auto;
  width: var(--scrollbarWidth);
  margin: 0 auto;
  white-space: nowrap;
}

*[data-v-scroll] .scroll-bar-wrapper::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 0;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: var(--scrollbarHeight);
}

*[data-v-scroll] .scroll-bar-wrapper::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: var(--borderRadius);
  background: var(--thumbBgColor);
}

*[data-v-scroll] .scroll-bar-wrapper::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: var(--borderRadius);
  background: var(--trackBgColor);
}