更新记录

1.0.2（2026-03-09） 下载此版本

更新文档说明

1.0.1（2026-03-09） 下载此版本

初始发布

1.0.0（2026-03-09） 下载此版本

初始发布

平台兼容性

uni-app(3.6.18)

uni-app x(3.6.18)

其他

引用样例

<template>
  <view class="nine-content-001">
    <vrapile-banner v-model:bannerList="bannerList" height="220rpx" bgcolor="#fff" @itemClick="bannerClick" />
  </view>
</template>

<script>
  export default {
    data() {
      return {
        bannerList: [
          { bannerId: 10001, bannerUrl: "https://fs.ninecloud.top/uniapp/ufruit/banner/sale001.png" },
          { bannerId: 10002, bannerUrl: "https://fs.ninecloud.top/uniapp/ufruit/banner/sale002.png" },
          { bannerId: 10003, bannerUrl: "https://fs.ninecloud.top/uniapp/ufruit/banner/sale003.png" }
        ]
      }
    },
    methods: {
      bannerClick(data){
        console.log(data);
      },
    }
  }
</script>

功能说明

• 入参 bannerList ：必传，明细字段bannerUrl为图片地址

• 入参 height ：非必传，图片高度，默认230rpx

• 入参 bgcolor ：非必传，背景颜色，展示效果为边框颜色，默认#f1f1f1

• 入参 dotcolor ：非必传，轮播指示点颜色，默认yellow

• 回调函数 itemClick ：内容是bannerList明细内容
  
  

演示Demo：

https://www.ninecloud.top/udemo/ad/index.html

演示Demo中相关组件：

公告组件

演示系统：

云山有果