list-view-ad.uvue

<template>

  <list-view @scrolltolower="onScrollTolower" style="flex:1" show-scrollbar=false>
    <list-item v-for="index in listcount" :type="(index != 0 && index%10 == 6) ? 0:1">
      <ad v-if="index != 0 && index%10 == 6" adpid="1111111111" @load="onAdLoad" @error="onAdError" @close="onAdClose"></ad>
      <text v-if="index == 0 || index%10 != 6" style="width: 100%; height: 200px;background-color: aquamarine;margin-top: 10px;">这是一条占位的信息{{index}}</text>
    </list-item>
  </list-view>
</template>

<script>
  export default {
    data() {
      return {
        listcount: 10
      }
    },
    methods: {
      onScrollTolower(_ : ScrollToLowerEvent) {
        setTimeout(() => {
          this.listcount = this.listcount + 10
        }, 300)
      },
      onAdLoad() {
        console.log("广告加载成功")
        uni.showToast({
          position: "center",
          title: "广告加载成功"
        })
      },
      onAdError(e : UniAdErrorEvent) {
        console.log("广告加载失败" + (e.detail))
      },
      onAdClose() {
        console.log("广告关闭了")
      }
    }
  }
</script>

<style>

</style>