更新记录

1.0.0（2025-07-09） 下载此版本

无

平台兼容性

uni-app(4.75)

其他

无缝滚动插件（xkbhui-carousel）

xkbhuiCarousel - 自适应无缝滚动轮播组件

组件简介

• 这是一个基于 Vue 3 和 uni-app 框架开发的图片轮播组件，支持自动播放、手动拖拽、惯性滑动和无缝滚动效果。组件采用双组数据渲染实现首尾衔接，适用于展示产品图片等场景。

特性

• 支持自定义滚动速度
• 支持自定义item样式和文本样式
• 支持点击事件回调
• 自动适配容器宽度
• 兼容H5、微信小程序、App等多端

安装方式

1. 在DCloud插件市场搜索「xkbhui-carousel」，点击导入HBuilderX
2. 或通过npm安装（需配合uni-app-cli）：

   
   npm install xkbhui-carousel --save

使用示例

import { ref } from 'vue'

// 导入组件

import SeamlessScrollCarousel from '@/components/SeamlessScrollCarousel.vue'

// 自定义图片列表

const certList = ref([

'https://example.com/cert1.jpg',

'https://example.com/cert2.jpg',

'https://example.com/cert3.jpg',

'https://example.com/cert4.jpg'

])