利用Taro的Swipe封装的轮播组件

背景描述

由于我们目前几个小程序，广告轮播用到比较频繁，为了方便在taro的Swipe组件上进行了二次封装。该轮播组件是taro+vue3写的，写的有不足的大方各位大佬勿喷，欢迎各路大神指正。

直接上代码

如何使用

1. 首页引入组件

/*具体路径可以根据自己的情况去写*/
import Banners from '../xx/xx/Banners';
import { reactive} from 'vue';

/*定义数据*/
const data = reactive({
  banners: [{ url: "xxxxxx" }],
});

2. 在使用的地方写如下

/*具体路径可以根据自己的情况去写*/

2. banner事件

//banner点击
const clickBannerItem = (index, item) => {
console.log(index, item);
};