mirror of
https://github.com/continew-org/continew-admin-ui.git
synced 2026-01-15 02:57:09 +08:00
38 lines
1.0 KiB
Vue
38 lines
1.0 KiB
Vue
<template>
|
|
<a-card title="特别赞助" :bordered="false" size="medium" class="card gi_card_title">
|
|
<template #extra>
|
|
<a-link href="https://continew.top/other/sponsor.html" target="_blank" rel="noopener">>></a-link>
|
|
</template>
|
|
<a-row :gutter="8">
|
|
<a-carousel
|
|
indicator-type="slider"
|
|
show-arrow="always"
|
|
auto-play
|
|
style="width: 100%; height: 110px; border-radius: 4px; overflow: hidden"
|
|
>
|
|
<a-carousel-item v-for="(image, idx) in imageList" :key="idx">
|
|
<a :href="image.link" target="_blank" :title="image.title">
|
|
<img :src="image.src" style="width: 100%; height: 100%" :alt="image.title" />
|
|
</a>
|
|
</a-carousel-item>
|
|
</a-carousel>
|
|
</a-row>
|
|
</a-card>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
interface ImageType {
|
|
src: string
|
|
title: string
|
|
link: string
|
|
}
|
|
|
|
const imageList: ImageType[] = [
|
|
{
|
|
src: `https://continew.top/img/sponsor/ad/roovps.jpg?${new Date().getTime()}`,
|
|
title: 'ROOVPS',
|
|
link: 'https://roovps.com/cart'
|
|
}
|
|
]
|
|
</script>
|