uniappscroll-view横向滚动

scroll-view横向滚动在uniapp中的实现可以通过以下步骤完成：

1. 在scroll-view的标签中设置scroll-x属性为true，即scroll-x="true"。
2. 设置scroll-view的固定高度，在样式中添加height属性，例如height: 88rpx。
3. 将scroll-view的子元素设置为行内块(display: inline-block)，以便滑动和排列一行。可以使用类选择器对子元素进行样式设置，例如.recomItem { display: inline-block; margin: 33rpx 22rpx; }。
4. 可以通过调整合适的间距，来控制横向滚动的子元素之间的间隔。

示例代码如下：

<scroll-view class="scrollView" scroll-x="true">
  <view>
    <shopListItem class="recomItem" :commodityList="commodityList" wrap="no-wrap" width="160rpx" height="160rpx"></shopListItem>
  </view>
</scroll-view>

.scrollView {
  white-space: nowrap;
  width: 100%;
  height: 88rpx;
}

.recomItem {
  display: inline-block;
  margin: 33rpx 22rpx;
}

如果想要去除scroll-view中的滚动条，可以在App.vue全局文件中设置以下样式：

scroll-view::-webkit-scrollbar {
  display: none;
}