更新记录

1.0.1（2024-07-05）

修改在不显示滑动条的时候去计算滑动距离导致报错问题。

1.0.0（2024-07-01）

初始版本

平台兼容性

wm-scroll-x 无名-横向滑动组件

介绍

在插件市场上面没找到好用的横向滑动组件，所以参考了几个然后自己写了一个。

使用组合式 Api 写的，兼容 vue2，vue3。

组件本身不进行元素展示，只负责横向滑动。所要展示的内容通过默认插槽传递。

只测试过微信小程序，其他平台未经测试。

组件属性参数

使用

<wm-scroll-x
  :dataSource="dataList"
  :barWidth="120"
  :gardWidth="0"
  :row="2"
  :column="5"
  :direction="'row'"
  :barShow="true"
>
  <view v-for="(item, index) in dataList" :key="index" class="img-item">
    <image :src="item.pic" mode="scaleToFill" class="img"></image>
    <view class="text">{{ item.category_name }}</view>
  </view>
</wm-scroll-x>

完整例子在 demo.vue 文件