sannongzixunwang_web/components/home/TopTen.vue

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

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

<style lang="less">
// 十强称号logo
.topTenTitle {
    width: 100%;
    height: 90px;
    margin: 30px 0 30px;
    img {
        width: 1200px;
        height: 90px;
    }
}
</style>