mirror of
https://github.com/continew-org/continew-admin-ui.git
synced 2025-09-27 14:57:08 +08:00
refactor: 重构工作台
This commit is contained in:
33
src/views/dashboard/workplace/components/Carousel.vue
Normal file
33
src/views/dashboard/workplace/components/Carousel.vue
Normal file
@@ -0,0 +1,33 @@
|
||||
<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}?${new Date().getTime()}`" 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.png',
|
||||
url: 'https://continew.top/about/intro.html'
|
||||
},
|
||||
{
|
||||
src: 'https://continew.top/sponsor.png',
|
||||
url: 'https://continew.top/sponsor.html'
|
||||
}
|
||||
]
|
||||
</script>
|
Reference in New Issue
Block a user