更新记录

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

更新文档说明

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

更新插件描述

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

初始发布

平台兼容性

uni-app(3.6.18)

uni-app x(3.6.18)

其他

引用样例

<template>
  <view class="nine-content-001">
    <vrapile-ad v-model:adList="adList" color="red" bgcolor="#f1f1f1" bdcolor="#fff" @itemClick="adClick" />
  </view>
</template>

<script>
  export default {
    data() {
      return {
        adList: [
          { adId: 20001, adTitle: "欢欢喜喜庆五一，清清爽爽过夏季，最后10天，清仓大甩卖" },
          { adId: 20002, adTitle: "重要通知！十一黄金周全场最低1折" },
        ]
      }
    },
    methods: {
      adClick(data){
        console.log(data);
      },
    }
  }
</script>

功能说明

• 入参 adList ：必传，明细字段adTitle是展示标题

• 入参 color ：非必传，字体颜色，默认red

• 入参 bgcolor ：非必传，文字背景颜色，默认#f1f1f1

• 入参 bdcolor ：非必传，组件背景颜色，展示效果为边框颜色，默认white

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

演示Demo：

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

演示Demo中关联组件：

Banner组件

演示系统：

云山有果