sannongzixunwang_web/components/home/Advertising.vue

<template>
    <!-- 广告位 -->
    <div class="adversing" v-if="imgurl">
        <div class="inner">
            <a href="http://nzgxw.org.cn/" v-if="imgurl.image_url==null" target="_blank">
                <img :src="imgurl.thumb">
            </a>
            <a :href="imgurl.image_url" v-else>
                <img :src="imgurl.image_src">
            </a>
        </div>
    </div>
</template>

<script setup>
const props = defineProps({
    imgurl: String
});
</script>

<style lang="less">
// 广告位logo
.adversing {
    width: 1200px;
    height: 90px;
    margin:0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    a {
        display: block;
    }
    img {
        width: 100%;
    }  
}
</style>