You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
26 lines
842 B
26 lines
842 B
<script lang="ts" setup>
|
|
const props = defineProps(['title']);
|
|
const { prefixCls } = useDesign('banner');
|
|
const bannerList = reactive([
|
|
{id:1,img:'/_nuxt/assets/images/commonBanner.png'},
|
|
{id:2,img:'/_nuxt/assets/images/commonBanner.png'},
|
|
{id:3,img:'/_nuxt/assets/images/commonBanner.png'},
|
|
{id:4,img:'/_nuxt/assets/images/commonBanner.png'},
|
|
]);
|
|
|
|
</script>
|
|
<template>
|
|
<div :class="[prefixCls, `${prefixCls}--white`]">
|
|
<el-carousel indicator-position="outside">
|
|
<el-carousel-item v-for="item in bannerList" :key="item.id">
|
|
<img :src="item.img" alt="" />
|
|
</el-carousel-item>
|
|
</el-carousel>
|
|
<!-- <img src="~/assets/images/commonBanner.png" alt="" /> -->
|
|
<!-- <h2 class="title">{{ props.title }}</h2> -->
|
|
</div>
|
|
</template>
|
|
<style lang="scss" scoped>
|
|
@import 'banner';
|
|
</style>
|