element-ui走马灯怎么变成圆角

要将element-ui走马灯的指示器变成圆角，你可以根据以下步骤进行操作：

1. 首先，你需要为指示器定义自定义样式。你可以在你的CSS文件或样式标签中添加以下样式代码：

.el-carousel__indicator--horizontal .el-carousel__button {
  width: 10px;
  height: 10px;
  background: transparent;
  border: 1px solid #ffffff;
  border-radius: 50%;
  opacity: 0.5;
}

.el-carousel__indicator--horizontal.is-active .el-carousel__button{
  width: 10px;
  height: 10px;
  background: #ffffff;
  border-radius: 50%;
  opacity: 1;
}

这些样式将会定义指示器按钮的外观，包括圆角效果。

2. 然后，在你的麦田怪圈组件中，你可以使用`<el-carousel>`组件来展示走马灯。在这个组件中，你需要添加一个`:indicator-class`属性，并将其设置为你刚才定义的样式类名，如下所示：

<el-carousel :indicator-class="'el-carousel__indicator--horizontal'">
  <!-- 走马灯的内容 -->
</el-carousel>

通过这样做，你就可以将自定义的样式应用到走马灯的指示器上，从而实现将其变成圆角的效果。

请注意，这里的代码只是一个示例，并且需要根据你的实际需求进行调整。同时，确保你已经正确导入了element-ui库，并按照它的使用文档进行操作。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>