<template>
  <div v-if="props.image" class="pv-imgad" :style="{height:(props.height||120)+'px',borderRadius:(props.borderRadius||0)+'px',backgroundImage:'url('+props.image+')'}"></div>
  <div v-else class="pv-imgad empty" :style="{height:(props.height||120)+'px',borderRadius:(props.borderRadius||0)+'px'}">
    <span class="pv-imgad-placeholder">图片广告</span>
  </div>
</template>
<script setup>const props=defineProps({props:{type:Object,default:()=>({})}})</script>
<style scoped>
.pv-imgad{background-size:cover;background-position:center;margin:0 8px;display:flex;align-items:center;justify-content:center}
.pv-imgad.empty{background:#e8e8e8}
.pv-imgad-placeholder{color:#bbb;font-size:13px}
</style>
