el-carousel 左右箭头样式

对于 el-carousel 组件的左右箭头样式，你可以使用以下步骤进行自定义：

1. 首先，为了修改箭头样式，你需要在你的项目中引入 el-carousel 的样式文件。你可以在你的项目入口文件（如 main.js）中引入样式文件：

import 'element-ui/lib/theme-chalk/carousel.css';

2. 在你的 el-carousel 组件中，你可以使用 `arrow` 属性来自定义左右箭头的样式。通过该属性，你可以传入一个自定义的箭头组件。例如：

<el-carousel :arrow="CustomArrow">
  <!-- 内容 -->
</el-carousel>

3. 创建一个自定义箭头组件，可以是一个普通的 Vue 组件，并且在该组件中实现你想要的箭头样式。例如：

<template>
  <div class="custom-arrow">
    <span class="arrow-left">左箭头</span>
    <span class="arrow-right">右箭头</span>
  </div>
</template>

<style scoped>
.custom-arrow {
  // 自定义箭头样式
}

.arrow-left {
  // 左箭头样式
}

.arrow-right {
  // 右箭头样式
}
</style>

4. 在 el-carousel 组件所在的父组件中，引入并注册你的自定义箭头组件。例如：

import CustomArrow from './CustomArrow.vue';

export default {
  components: {
    CustomArrow,
  },
}

这样，你就可以通过自定义箭头组件来修改 el-carousel 的左右箭头样式了。记得根据你的需求在自定义箭头组件中添加相应的 CSS 样式。