nongminwang/components/home/TopTen.vue

<template>
    <div class="topTenTitle">
        <div class="inner" v-if="imgurl">
            <a href="http://nzgxw.org.cn/" v-if="imgurl.image_url==null" target="_blank" :title="imgurl.introduce">
                <img :src="imgurl.thumb" :alt="imgurl.introduce" :id="imgurl.ad_tag"  data-tag="imgurl.ad_tag">
            </a>
            <a :href="imgurl.image_url" v-else :title="imgurl.introduce">
                <img :src="imgurl.image_src" :alt="imgurl.introduce" :id="imgurl.ad_tag" data-tag="imgurl.ad_tag">
            </a>
        </div>
    </div>
</template>

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

<style lang="less">
    @import url('@/assets/css/ad/topten.less');
</style>


<style lang="less" scoped>

 
    @media screen and (min-width:801px){/*pc*/
         
		
            .pc_none{display:none;}
    }
    @media screen and (max-width:800px){/*ipad_phone*/

            .topTenTitle{
                display:none;
            }
            .phone_none{display:none;}
    }


</style>