uniapp 实现商品导航一遍滚动一遍不滚动

可以使用 `swiper` 组件来实现商品导航的滚动效果，同时可以通过 CSS 来控制一遍滚动一遍不滚动的效果。

具体实现步骤如下：

1. 在页面中引入 `swiper` 组件，并设置 `swiper` 的参数。

<swiper :autoplay="true" :loop="true" :speed="5000">
  <swiper-item v-for="(item, index) in navList" :key="index">
    {{ item.title }}
  </swiper-item>
</swiper>

在上面的代码中，`navList` 是一个数组，包含了所有的商品导航项。`swiper` 组件的 `autoplay` 参数设置为 `true`，表示自动播放；`loop` 参数设置为 `true`，表示循环播放；`speed` 参数设置为 `5000`，表示每隔 5 秒自动切换一次。

2. 使用 CSS 控制一遍滚动一遍不滚动的效果。

.swiper-pagination-bullet-active {
  animation: none !important;
}

在上面的代码中，我们通过设置 `.swiper-pagination-bullet-active` 类的 `animation` 属性为 `none`，来取消导航项的动画效果。这样就可以实现一遍滚动一遍不滚动的效果了。