antd-vue走马灯点击图片设置样式没有效果

可能是因为你没有正确设置样式，可以尝试以下方法：

1. 使用scoped属性，来确保样式只作用于当前组件：

<template>
    <carousel>
        <div v-for="(item, index) in list" :key="index">
            <img :src="item.imgUrl" @click="handleClick(index)" />
        </div>
    </carousel>
</template>

<style scoped>
    .ant-carousel .slick-dots li {
        /* 设置样式 */
    }
</style>

2. 使用/deep/或>>>来穿透样式：

<template>
    <carousel>
        <div v-for="(item, index) in list" :key="index">
            <img :src="item.imgUrl" @click="handleClick(index)" />
        </div>
    </carousel>
</template>

<style>
    .ant-carousel /deep/ .slick-dots li {
        /* 设置样式 */
    }
</style>

3. 通过在父级组件中设置样式的方式来影响子组件样式：

<template>
    <div class="carousel-wrapper">
        <carousel>
            <div v-for="(item, index) in list" :key="index">
                <img :src="item.imgUrl" @click="handleClick(index)" />
            </div>
        </carousel>
    </div>
</template>

<style>
    .carousel-wrapper .ant-carousel .slick-dots li {
        /* 设置样式 */
    }
</style>

希望这些方法能够帮助您解决问题。