82 lines
1.4 KiB
Vue
82 lines
1.4 KiB
Vue
<template>
|
||
<view>
|
||
<view v-if="kind && config_data && config_data[field] && config_data[field + '_open'] == 1">
|
||
<!-- banner广告 -->
|
||
<view v-if="kind == 'BANNER'">
|
||
<ad :unit-id="config_data[field]"></ad>
|
||
</view>
|
||
|
||
<!-- 视频广告 -->
|
||
<view v-else-if="kind == 'VIDEO'">
|
||
<ad :unit-id="config_data[field]" ad-type="video" ad-theme="white"></ad>
|
||
</view>
|
||
|
||
<!-- 视频贴片广告 -->
|
||
<view v-else-if="kind == 'VIDEO_PATCH'">
|
||
<video :unit-id="config_data[field]" style="width: 100%"></video>
|
||
</view>
|
||
|
||
<!-- 其他忽略 -->
|
||
<view v-else></view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
name: "kz-ad",
|
||
props: {
|
||
/**
|
||
* 广告种类
|
||
* BANNER：banner广告
|
||
* VIDEO：视频广告
|
||
* VIDEO_PATCH：视频贴片广告
|
||
*/
|
||
kind: {
|
||
type: String,
|
||
default: 'BANNER'
|
||
},
|
||
// 广告配置集合
|
||
config: {
|
||
type: Object,
|
||
default: () => {}
|
||
},
|
||
// 配置字段
|
||
field: {
|
||
type: String,
|
||
default: ''
|
||
},
|
||
},
|
||
data() {
|
||
return {
|
||
config_data: [],
|
||
};
|
||
},
|
||
watch: {
|
||
/**
|
||
* 监听广告配置
|
||
* @param val
|
||
*/
|
||
config(val) {
|
||
console.log('kz-ad watch val', val)
|
||
this.config_data = val
|
||
}
|
||
},
|
||
methods: {
|
||
/**
|
||
* 手动刷新广告配置
|
||
* @param val
|
||
*/
|
||
refresh(val) {
|
||
this.config_data = val
|
||
console.log('kz-ad refresh', val, this.config_data)
|
||
// this.$forceUpdate()
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style>
|
||
|
||
</style>
|