更新记录

1.0.0（2023-09-16） 下载此版本

first

1.0（2023-09-16） 下载此版本

first add

平台兼容性

uni-app

uni-app x

使用方法

<BirdSwiper :amount="3">
  <image
      src="https://img.zcool.cn/community/014d105978da02a8012193a3d2a344.jpg"
      mode="widthFix"
      class="img"
  />
  <image
      src="https://img0.baidu.com/it/u=2991204015,889253127&fm=253&fmt=auto&app=138&f=JPEG?w=1779&h=500"
      mode="widthFix"
      class="img"
  />
  <image
      src="https://img.zcool.cn/community/014d105978da02a8012193a3d2a344.jpg"
      mode="widthFix"
      class="img"
  />
</BirdSwiper>

为了节省代码，这里还需要传入amount指定banner的数量，默认是1。

组件修改

组件内置了dot,里面有数字，但是隐藏了，如需修改dot的位置、样式、形式，直接通过深度选择器修改css即可，还有更复杂需求，直接修改代码即可，代码很简单。

后语

目前至少兼容vue2，大概率小程序也没毛病，vue3直接把代码拉下来改一下格式就行，后面或许会陆续兼容其他。