自渲染（信息流）广告样式

广告组件样式根据项目 ui 的风格来设计，可以通过custom-style属性来自定义广告组件的样式。

1、 vadAd 广告标识组件

<template>
  <vad-ad custom-style="{{adStyle}}"></vad-ad>
</template>

<script>
  export default {
    data() {
      return {
        adStyle: {
          containerStyle: {},
          logoStyle: {},
          textStyle: {},
          tagStyle: {},
        },
      };
    },
  };
</script>

参数	说明	类型	默认值
containerStyle	容器样式	Object	{}
logoStyle	图标样式	Object	{}
textStyle	文字样式	Object	{}
tagStyle	“广告”标识样式	Object	{}

2、 vadButton 下载按钮组件

<template>
  <vad-button custom-style="{{buttonStyle}}"></vad-button>
</template>

<script>
  export default {
    data() {
      return {
        buttonStyle: {},
      };
    },
  };
</script>

参数	说明	类型	默认值
buttonStyle	按钮样式	Object	{}

3、 vadCompliance 6 要素合规组件

<template>
  <vad-compliance custom-style="{{complianceStyle}}"></vad-compliance>
</template>

<script>
  export default {
    data() {
      return {
        complianceStyle: {
          containerStyle: {},
          groupStyle: {},
          itemStyle: {},
          separatorStyle: {},
        },
      };
    },
  };
</script>

参数	说明	类型	默认值
containerStyle	容器样式	Object	{}
groupStyle	文字组样式	Object	{}
itemStyle	文字样式	Object	{}
separatorStyle	分割符样式	Object	{}

4、 vadScore 评分组件

<template>
  <vad-score custom-style="{{scoreStyle}}"></vad-score>
</template>

<script>
  export default {
    data() {
      return {
        scoreStyle: {
          containerStyle: {},
          starStyle: {},
          textStyle: {},
        },
      };
    },
  };
</script>

参数	说明	类型	默认值
containerStyle	容器样式	Object	{}
starStyle	图标样式	Object	{}
textStyle	文字样式	Object	{}

5、 vadVideo 视频组件

<template>
  <vad-video custom-style="{{videoStyle}}"></vad-video>
</template>

<script>
  export default {
    data() {
      return {
        videoStyle: {
          containerStyle: {},
          videoStyle: {},
          barStyle: {},
          progressStyle: {},
        },
      };
    },
  };
</script>

参数	说明	类型	默认值
containerStyle	容器样式	Object	{}
videoStyle	视频样式	Object	{}
barStyle	进度条背景样式	Object	{}
progressStyle	进度条样式	Object	{}