uniapp中的 scroll-view

主要说的是横向滚动

<scroll-view class="scroll-box" scroll-x @scrolltolower="scroll">
  <loveAvatar className="love-avatar-item" v-for="item in 10" :key="item" />
</scroll-view>

/**
*scrolltolower 滚动到右侧触发的函数 有一个距离可以去设置
*/

.scroll-box {
    margin-top: 28rpx;
    // 不允许换行
    white-space: nowrap;
    width: 100%;
    .love-avatar-item {
      margin-right: 34rpx;
      display: inline-block;
      &:last-child {
        margin-right: 0;
      }
    }
  }

还有就是滚动条
*::-webkit-scrollbar {
  display: none;
}