mirror of
https://github.com/continew-org/continew-admin-ui.git
synced 2025-09-09 08:57:14 +08:00
34 lines
807 B
Vue
34 lines
807 B
Vue
<template>
|
|
<a-carousel
|
|
indicator-type="slider"
|
|
show-arrow="hover"
|
|
auto-play
|
|
style="width: 100%; height: 150px; border-radius: 4px; overflow: hidden"
|
|
>
|
|
<a-carousel-item v-for="(image, idx) in images" :key="idx">
|
|
<div>
|
|
<a-link
|
|
:href="image.url"
|
|
target="_blank"
|
|
rel="noopener"
|
|
>
|
|
<img :src="image.src" style="width: 100%" alt="" />
|
|
</a-link>
|
|
</div>
|
|
</a-carousel-item>
|
|
</a-carousel>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
const images = [
|
|
{
|
|
src: `https://continew.top/qrcode-text.jpg?${new Date().getTime()}`,
|
|
url: 'https://continew.top/about/intro.html',
|
|
},
|
|
{
|
|
src: `https://continew.top/sponsor.jpg?${new Date().getTime()}`,
|
|
url: 'https://continew.top/sponsor.html',
|
|
},
|
|
]
|
|
</script>
|