32 lines
624 B
Vue
32 lines
624 B
Vue
<script>
|
|
import AiMonitor from "./AiMonitor/AiMonitor.vue";
|
|
|
|
export default {
|
|
name: "AiMonitorCarousel",
|
|
components: {AiMonitor},
|
|
props: {
|
|
list: {default: () => []}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<section class="AiMonitorCarousel">
|
|
<el-carousel height="100%" indicator-position="none" arrow="hover">
|
|
<el-carousel-item v-for="item in list" :key="item.id">
|
|
<ai-monitor v-bind="item" :type="item.monitorType"/>
|
|
</el-carousel-item>
|
|
</el-carousel>
|
|
</section>
|
|
</template>
|
|
|
|
<style scoped lang="scss">
|
|
.AiMonitorCarousel {
|
|
height: 100%;
|
|
|
|
.el-carousel {
|
|
height: inherit;
|
|
}
|
|
}
|
|
</style>
|