element手风琴样式

• 请教一下各位 Collapse 折叠面板怎么只点击右侧下拉图标才展开 现在的情况是点击button也下拉折叠面板

• 这篇文章：element表格手风琴 也许有你想要的答案，你可以看看

Element-UI 的手风琴（Accordion）组件可以通过 el-collapse 和 el-collapse-item 组件实现。下面是一个简单的例子：

<template>
 <el-collapse accordion>
 <el-collapse-item title="标题一">内容一</el-collapse-item>
 <el-collapse-item title="标题二">内容二</el-collapse-item>
 <el-collapse-item title="标题三">内容三</el-collapse-item>
 </el-collapse>
</template>

<script>
 import { ElCollapse, ElCollapseItem } from 'element-ui'

 export default {
 components: {
 ElCollapse,
 ElCollapseItem
 }
 }
</script>

在上面的例子中，我们使用了 el-collapse 组件来包裹三个 el-collapse-item 组件，将其变为一个手风琴菜单。其中，accordion 属性是用来设置手风琴的折叠方式，如果不设置该属性，手风琴将变成一个普通的折叠菜单。

如果需要自定义手风琴的样式，可以参考 Element-UI 的文档中手风琴组件的 CSS 类名，使用 CSS 样式来自定义样式。例如：

.el-collapse {
 border: none;
}

.el-collapse-item__header {
 background-color: #f5f5f5;
 color: #333;
}

.el-collapse-item__content {
 padding:10px;
}

上面的 CSS 样式将手风琴的边框去掉，并将标题的背景色设置为浅灰色，内容区域增加了10px 的内边距。你可以根据自己的需求来自定义样式。