sannongzixunwang_web/components/home/Advertising.vue

<template>
    <!-- 广告位 -->
    <div class="adversing" v-if="imgurl">
        <div class="inner">
            <!--如果已售出-->
            <a :href="imgurl.image_url" title="三农资讯网_广告位2" v-if="imgurl.image_src!=''&&imgurl.image_url!=null">
                <img :src="imgurl.image_src" alt="三农资讯网_广告位2">
            </a>
            <!--如果未售出-->
            <a href="/" title="三农资讯网_广告位2" v-else>
                <img :src="imgurl.thumb" alt="三农资讯网_广告位2">
            </a>
        </div>
    </div>
</template>

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

<style lang="less">
// 广告位logo
.adversing {
    width: 100%;
    height: 90px;
    margin: 30px 0 30px;

    img {
        width: 1200px;
        height: 90px;
    }
}
</style>